CSS-包含选择器、后代选择器

说明：

1.包含选择器也可以叫做后代选择器。利用父子级关系进行选择.
2.父子级关系,从父级到子级的顺序，用空格分隔

<html>
<head>
    <style>
    .div1 .div1-1 .div1-1-p{
        color: red;
    }

    .div2 .div2-1 .div2-1-p{
        color: blue;
    }
    </style>
</head>
<body>
    <div class="div1">
        <div class="div1-1">
            <p class="div1-1-p">包含选择器</p>
        </div>
    </div>

    <div class="div2">
        <div class="div2-1">
            <p class="div2-1-p">包含选择器2</p>
        </div>
    </div>

    <div class="div1-1">
        <p class="div1-1-p">包含选择器不能被渲染，应为缺少div1</p>
    </div>
</body>
</html>

在这里插入图片描述

posted @ 2020-01-19 17:51  预立科技  阅读(29)  评论(0)    收藏  举报