CSS3 子类选择器

子类选择器

选定元素下面的子类,用>符号表示。

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
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程