你如何定义这个CSS选择器?

时间:2012-06-24 19:05:12

标签: css css-selectors

代码:

#navigation > ul > li > a 

后裔和孩子。

是李的孩子,还是行李代码。 或者是“一个”孩子李,但其余的后代。我不太了解规则。希望你能帮助我。 :)

1 个答案:

答案 0 :(得分:2)

您逐个阅读选择器。无论您是从左到右还是从右到左阅读都取决于您,但选择器基本上是线性的。

此选择器表示:

  

选择任何a元素
  这是li元素(li > a)的孩子   这是ul元素(ul > li)的孩子   这是ID为navigation#navigation > ul)的元素的子元素。

作为其父级子级的每个元素也是其父级以及父级父级的后代。换句话说:一个包含在另一个元素中的元素就是该元素的后代。请注意,当它直接包含在该元素中时,它也只是一个 的子项(而不是嵌套在其中的其他东西) - 人们经常将其称为“直接孩子”以强调,但是孩子是< em>按照定义直接包含在其父级中。

因此,此选择器的结构意味着以下内容:

  • a#navigationulli的后代,但只有li的孩子

  • li#navigationul的后代,但只有ul的孩子

  • ul既是#navigation的后代又是孩子

补充阅读: