后代选择器

标签:#后代选择器# 时间:2018/10/04 20:54:33 作者:Shino

    <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技术推送
相关博客