CSS"#id元素"是否也选择了孙子？

Question

假设我有一个<div id="container">包含表格的各种元素.CSS选择器是否#container table选择了div中的所有表(包括孙子,曾孙等)？还是仅选择儿童？

另外,如果我想在容器div中选择第一个子div,我该怎么做？

Answer 1

是; 简而言之,无论嵌套级别如何,都会选择其中的所有table元素#container.

该空间称为后代组合子.正如它在锡上所说的,它选择任何后代.这包括儿童,孙子等,无论嵌套水平如何.它不仅选择儿童; 这个目的由儿童组合者提供>.¹

要选择容器中的第一个子项div,请使用

#container > div:first-child

或者如果你有其他东西作为第一个孩子并且你想要选择第一个类型的孩子div,你可以使用

#container > div:first-of-type

¹ _{为了这个目的,人们常常说,只选择"直接孩子",和那里的人说:"孩子们",他们往往意味着"后裔"来代替.严格来说,"儿童"指的是直接筑巢水平.没有"间接的孩子"这样的东西.}