這些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>