首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

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

2013-01-08 
这句代码什么意思????#menu li:hover ul,#menu li.over ul{ display:block}[解决办法]样式display:block

这句代码什么意思????
#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 ,同时应用。

热点排行