后代选择器
2,617 阅读
<style type="text/css" media="screen">
.div2 p{
color: blue;
} /*这个选择器就是后代选择器 选择的是div2后代p*/
.div1 .li2 p{
color: red;
} /*空格可以多次存在 这个选择的就是div1的后代的li2的p*/
</style>
<!-- 后代选择器就是一种平衡：共性和特性的平衡 当要吧某一部分的所有的x样式改变 就可以使用后代选择器 -->
<body>
<div class="div1">
<ul>
<li>
<p>段落</p>
<p>段落</p>
<p>段落</p>
</li>
<li class="li2">
<p>段落</p>
<p>段落</p>
<p>段落</p>
</li>
</ul>
</div>
<div class="div2">
<p>段落</p>
<p>段落</p>
<p>段落</p>
</div>
</body>
