伪css .hover解释

时间:2013-06-07 08:35:16

标签: css

我试图建立自己的导航栏,我看过一些论坛(css),然后我卡住了这条css线,

 #navbar li:hover ul, #navbar li.hover ul {

我知道#navbar是ID名称,#navbar li:hover ul我认为当您将鼠标悬停在li ul更改时,此代码会显示如下: display: block;position: absolute;margin: 0;padding: 0;。这个是我的问题? #navbar li.hover ul这是什么意思,然后在悬停之前点(。)怎么样?有人可以解释这一行, #navbar li.hover ul

3 个答案:

答案 0 :(得分:2)

我猜可以为#navbar li.hover ul(以及之前)定义规则IE6

由于该浏览器不支持与链接不同的元素的:hover伪类,因此可能会为该浏览器定义一些javascript,以便在.hover事件上切换mouseover/mouseenter类。 / p>

答案 1 :(得分:1)

#navbar li:hover ul

这意味着:“在一个带有ID导航栏的东西里面的一个悬浮的LI里面的UL。”

#navbar li.hover ul

这意味着:“LI里面的UL有'hover'类,在ID导航栏里面。”

它们之间的逗号表示以下CSS规则适用于这两种情况。

答案 2 :(得分:0)

“点”表示它是li的类。