子代选择器

代码实现

  <style>
        .nav>a {
            color: blue;
        }
        
        p>a {
            color: pink;
        }
    </style>
</head>

<body>

    <!-- 子代选择器 通过>选择的 选择的最亲的元素 亲儿子 -->
    <div class="nav">
        <a href="#">儿子</a>
        <p>
            <a href="#">孙子</a>
        </p>
    </div>
</body>

效果图：

在这里插入图片描述

原文链接：https://blog.csdn.net/m0_46636679/article/details/124757252