这些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定位一个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>