欢迎来到Cecilia陈的博客

孤独,是人一生最好的修行。

[13-CSS] 后代选择器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--此处选择的是div的所有后代标签p标签-->
    <style>
        div p{color:blue;}
    </style>
</head>
<body>
    <div>
        <!--此处p标签,a标签,以及a标签的儿子标签都是div的后代标签-->
        <p>我的父级是div元素</p>

        <a>
            <!--此处p标签也是 div的后代标签,因为它的父级标签是a标签,a标签的父级又是div标签,所以它因为是div的后代-->
            <p>我的父级是a标签</p>
        </a>
    </div>

    <!--此处的a标签不是包含在div里的-->
    <a>
        <p>我是a标签的后代标签</p>
    </a>

</body>
</html>
posted @ 2019-10-16 23:20  Cecilia陈  阅读(161)  评论(0编辑  收藏  举报