0

我试图构建自己的导航栏,我看过一些带有(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

4

3 回答 3

2

我可以猜测该规则#navbar li.hover ul是为IE6(和以前的)定义的。

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

于 2013-06-07T08:39:50.797 回答
1
#navbar li:hover ul

这意味着:“悬停的 LI 内的 UL 在带有 ID 导航栏的东西内。”

#navbar li.hover ul

这意味着:“ LI 内的 UL 具有类‘悬停’,在带有 ID 导航栏的东西内。”

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

于 2013-06-07T08:40:20.740 回答
0

“点”表示它是 li 的类。

于 2013-06-07T08:38:42.870 回答