CSS选择符 新的认识

以前写选择符，很少使用">"符号，一般都是使用" "空格来代替。我觉得他们都是一样的功能，另一方面是为了方便。毕竟不用按住shift。

例如：

.demo span{}
.demo>span{}

而实际上，前者能否匹配到.demo类下面所有的span。而后者只能向下深入一个层次。

所以：如果你确定只是深入一个层次，那么最为准确的还是使用“>”

<div class="demo">
	<span>12</span>
	<p>
		<span>23</span>
	</p>
</div>