这些CSS行之间有什么区别

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的目标是也具有hover类的li元素，例如：

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

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

ul ul li定位到驻留在另一个 ul元素内的ul元素中的所有li元素，如下所示：

<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）具有类hover exp的li.hover li元素.. li：hover li被悬停的li元素。

2）至少具有ul作为​​祖先exp的ul ul li只有li元素：

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