我在CSS代码中见过几次“大于”(>)，但我不知道它是做什么的。它能做什么?
当前回答
它是一个子选择器。
当一个元素是某个元素的子元素时，它匹配。它由两个或多个选择器组成，以“>”分隔。
示例(s):
下面的规则设置了BODY的所有子元素P的样式:
body > P { line-height: 1.3 }
示例(s):
下面的例子结合了后代选择器和子选择器:
div ol>li p
它匹配LI的后代P元素;LI元素必须是OL元素的子元素;OL元素必须是DIV的后代。注意，“>”组合符周围的可选空格被省略了。
其他回答
它声明了父引用，看看这一页的定义:
http://www.w3.org/TR/CSS2/selector.html#child-selectors
>选择所有直系后代/子代
空格选择器将选择所有深子代，而大于>的选择器将只选择所有直接子代。例如提琴。
Div{边框:1px纯黑色;margin-bottom: 10 px;｝ .a b{颜色:红色;} /*每个约翰都是红色的*/ .b > b{颜色:蓝色;} /*只有约翰福音3和约翰福音4是蓝色的*/ < div class = " " > 约翰·1 < p > < b > < / b > < / p > 约翰·2 < p > < b > < / b > < / p > 约翰< b > 3 < / b > 约翰4 < b > < / b > < / div > < div class = " b " > 约翰·1 < p > < b > < / b > < / p > 约翰·2 < p > < b > < / b > < / p > 约翰< b > 3 < / b > 约翰4 < b > < / b > < / div >
它是CSS子选择器。例子:
Div > p选择Div的所有直接子段落。
看到这个
正如其他人所说，它是一个直接子元素，但值得注意的是，这与只是留下一个空格不同……空间是给任何后代的。
<div>
<span>Some text</span>
</div>
Div >span会匹配这个，但不匹配这个:
<div>
<p><span>Some text</span></p>
</div>
为了匹配它，你可以用div>p>span或div span。
它是一个子选择器。
当一个元素是某个元素的子元素时，它匹配。它由两个或多个选择器组成，以“>”分隔。
示例(s):
下面的规则设置了BODY的所有子元素P的样式:
body > P { line-height: 1.3 }
示例(s):
下面的例子结合了后代选择器和子选择器:
div ol>li p
它匹配LI的后代P元素;LI元素必须是OL元素的子元素;OL元素必须是DIV的后代。注意，“>”组合符周围的可选空格被省略了。
