>是
child combinator,有时被误称为直接后代组合器
这意味着选择器div> p.some_class只选择直接嵌套在div中的.some_class段落,而不是嵌套在其中的任何段落。
插图:
Some text here
More text here
什么是选择和什么不是:
>选择
此p.some_class直接位于div内部,因此在两个元素之间建立了父子关系。
>未选择
此p.some_class由div中的blockquote包含,而不是div本身。虽然这个p.some_class是div的后代,它不是一个孩子;它是一个孙子。
因此,当div> p.some_class将不匹配此元素,div p.some_class将使用descendant combinator代替。
许多人进一步称之为“直接孩子”或“直接孩子”,但这是完全不必要的(和令人难以置信的烦恼我),因为一个子元素是直接的定义,所以他们的意思是完全相同的事情。没有一个“间接孩子”这样的东西。