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

Question

例如在这个css中：

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

此css中涉及哪些 li 元素： ul 元素的直接子元素，或 ul 元素的所有孙元素？

Answer 1

此选择器定位每个ul元素，该元素是悬停的li元素的直接子元素，而后者又是ul元素的后代（在任何级别）有一个班级.dropdown

类似的东西：

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

Answer 2

下面的示例会影响所有作为ul.dropdown

的后代的li

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

以下示例仅影响ul.dropdown的直接子项

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