css - 哪些元素与第二个参数有关？

Question

例如在这个 css 中:

ul.dropdown li:hover > ul {
    visibility: visible;
}

此 css 涉及哪些 li 元素:ul 元素的直接子元素，还是 ul 元素的所有孙元素？

Answer 1

此选择器针对每个 ul 元素，它是悬停的 li 元素的直接子元素，后者又是 的后代(在任何级别)具有类 .dropdown

的 code>ul 元素

类似于:

<ul class="dropdown">
   <!-- ... -->
   <!-- any level of descendant -->
       <li> <!-- hovered -->
          <ul> <!-- this will be targeted -->