后代选择器

    <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>

欢迎关注 DataLearner 官方微信，获得最新 AI 技术推送

DataLearner 官方微信二维码