选定元素下面的子类,用>
符号表示。
p > strong {
color: greenyellow; <!-- p 下面的 strong 颜色为 浅绿色 -->
}
<p>
<strong>简明教程</strong>
</p>
显示效果
简明教程
选定元素下面的任何元素,通过空格
表示。
div strong {
color: greenyellow; <!-- div 下面的 strong 颜色为 浅绿色 -->
}
<div>
<p><strong>简明教程</strong></p>
</div>
显示效果
简明教程
扩展阅读 | |
---|---|
子选择器和后代选择器的区别 | 7/25/2018, 9:16:59 AM |