CSS选择符 新的认识
以前写选择符,很少使用">"符号,一般都是使用" "空格来代替。我觉得他们都是一样的功能,另一方面是为了方便。毕竟不用按住shift。
例如:
.demo span{}
.demo>span{}
而实际上,前者能否匹配到.demo类下面所有的span。而后者只能向下深入一个层次。
所以:如果你确定只是深入一个层次,那么最为准确的还是使用“>”
<div class="demo">
<span>12</span>
<p>
<span>23</span>
</p>
</div>