Question

#cssmenu ul li.hover,
#cssmenu ul li:hover {position: relative; z-index: 599; cursor: default;}
#cssmenu ul ul {visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;}
#cssmenu ul ul li {float: none;}

1）“li.hover”和“li：hover”之间有什么区别？

2）“ul ul li”甚至意味着什么？为什么有2个“ul”元素？

Answer 1

li.hover定位的li元素也具有hover类，例如：

<li class="hover"></li>

li:hover定位于任何li元素的悬停状态。

ul ul li定位于位于另一个 li元素内的ul元素中的任何ul元素，如下所示：

<ul>
  <li>
    <ul>
      <li>This is the element that would be targeted</li>
    </ul>
  </li>
</ul>

Answer 2

.hover是类标识符

:hover表示mouseOver

的操作

Answer 3

1） li.hover是已定义的类。您可以像<li class="hover">一样使用它。 li:hover定义悬停状态。如果您使用光标悬停元素，则会出现。

2） ul ul li：可用ul中的第二个ul样式ul。它可以用于子列表。

<ul>
  <li>
    <ul>
      <li></li>
    </ul>
  </li>
</ul>

Answer 4

1） li.hover具有类悬停exp的元素.. li：悬停在悬停的li元素。

2） ul ul li only li元素，至少有ul作为祖先exp：

<ul>
 <li>
  <ul>
   <li>
      ME
   </li>
  </ul>
 </li>
</ul>

这些CSS行之间有什么区别

4 个答案: