java项目有个大于号_“>”（大于号）CSS选择器是什么意思？

例如：

div > p.some_class {

/* Some declarations */

}

>符号到底是什么意思？

#1楼 html

lohrem text (it will be of red color )

lohrem text (it will NOT be of red color)

lohrem text (it will be of red color )

的CSS

div > p.some_class{ color:red; }

所有带有.some_class

的直接子代都将应用样式。

#2楼

所有具有some_class类的p标签都是div标签的直接子代。

#3楼

它匹配直接位于div下的具有some_class类的p元素。

#4楼

>是子组合器 ，有时会误称为直接后代组合器。 1个

这意味着选择器div > p.some_class仅选择直接嵌套在 div 内部的.some_class段落， .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将使用后代组合器代替。

1 许多人甚至将其称为“直子”或“直子”，但这是完全没有必要的(对我来说是令人讨厌的)，因为从定义上来说，子元素始终是直接的 ，因此它们的含义完全相同。 没有所谓的“间接孩子”。

#5楼

正如其他人提到的，它是一个子选择器。 这是适当的链接。