子代选择器

最新推荐文章于 2025-02-19 09:30:00 发布

m0_46636679

最新推荐文章于 2025-02-19 09:30:00 发布

阅读量256

点赞数

分类专栏： html5 css 文章标签： css3 css html

本文链接：https://blog.youkuaiyun.com/m0_46636679/article/details/124757252

版权

html5 同时被 2 个专栏收录

8 篇文章

订阅专栏

css

8 篇文章

订阅专栏

本文详细介绍了CSS3中的子代选择器，通过代码实现和实际效果展示，阐述了如何使用子代选择器来精准定位和样式设置HTML元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子代选择器

代码实现

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