我在CSS代码中见过几次“大于”(>)，但我不知道它是做什么的。它能做什么?
当前回答
正如其他人所说，它是一个直接子元素，但值得注意的是，这与只是留下一个空格不同……空间是给任何后代的。
<div>
<span>Some text</span>
</div>
Div >span会匹配这个，但不匹配这个:
<div>
<p><span>Some text</span></p>
</div>
为了匹配它，你可以用div>p>span或div span。
其他回答
它声明了父引用，看看这一页的定义:
http://www.w3.org/TR/CSS2/selector.html#child-selectors
它是CSS子选择器。例子:
Div > p选择Div的所有直接子段落。
看到这个
>选择所有直系后代/子代
空格选择器将选择所有深子代，而大于>的选择器将只选择所有直接子代。例如提琴。
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 >
它的意思是父母/孩子
例子:
html >身体
也就是说body是HTML的子元素
检查:选择器
正如其他人所说，它是一个直接子元素，但值得注意的是，这与只是留下一个空格不同……空间是给任何后代的。
<div>
<span>Some text</span>
</div>
Div >span会匹配这个，但不匹配这个:
<div>
<p><span>Some text</span></p>
</div>
为了匹配它，你可以用div>p>span或div span。
