当前位置: 代码迷 >> HTML/CSS >> 这句代码什么意思?该怎么处理
  详细解决方案

这句代码什么意思?该怎么处理

热度:74   发布时间:2013-01-08 14:02:13.0
这句代码什么意思????
#menu li:hover ul,#menu li.over ul{ display:block;}
------解决方案--------------------
样式display:block;对以下两种情况的ul起作用

<div id="menu"><li><ul></ul></li></div>
<div id="menu"><li class="over"><ul></ul></li></div>

其中 li:hover 指的是鼠标移到li上的时候
------解决方案--------------------
#menu li:hover ul,#menu li.over ul{ display:block;}

#是id选择符。
#menu li 是子选择符,表示匹配为id为menu下面的所有li.
:hover是伪选择符,只有>ie7的浏览器支持,意为鼠标经过的时候,其实就是鼠标经过li边缘的时候触发这一效果。
li.over是属性选择符+类选择符,表示匹配为li classname为over的li。
a,b 这是群组选择符,表示,即是a,又是b ,同时应用。
  相关解决方案