css - 你如何定义这个 CSS 选择器？

Question

代码：

#navigation > ul > li > a 

后裔和孩子。

是 li 的“a”子代，或holde 码。或者是“一个”子里，但其余的后代。我不太了解规则。希望你能帮助我。:)

Answer 1

你一一阅读选择器。您是从左到右还是从右到左阅读取决于您，但选择器基本上是线性的。

这个选择器意味着：

选择 作为元素 ( )的子元素的任何a元素，该元素 是具有 ID ( ) 的元素 的子元素 ( )的子元素。
lili > a
ulul > li
navigation#navigation > ul

作为其 parent 的 child 的每个元素也是其 parent以及该 parent 的 parents的后代。简而言之：包含在另一个元素中的元素是该元素的后代。请注意，只有当它直接包含在该元素中时它也是一个子元素（而不是其他嵌套在它们之间的东西）——人们通常将其称为“直接子元素”以强调，但根据定义，子元素无论如何都直接包含在其父元素中.

因此，此选择器的结构意味着以下内容：

• a是 的后代#navigation，ul但li只是 的孩子li

• li是 and 的后代#navigation，ul但只是 的子代ul

• ul既是#navigation

补充阅读：

• 规范中的后代选择器和子选择器
• ">"（大于号）CSS 选择器是什么意思？（附插图）