记录一下后代选择器和子元素选择器区别,好吧,只是为了炫耀一下沈美人!
CSS代码:
后代选择器:用于指定元素所有的后代元素
//选择div下所有的span元素,无论层级
div span {
color: red;
}
子元素选择器:用于选择元素指定类型的所有的后代元素
//选择div下一级的span元素
div>span {
color: red;
}
html代码如下:
<body>
<div>沈美人
<span>最好看</span>
</div>
<div>沈美人
<em>
<span>最好看</span>
</em>
</div>
</body>
结果: