HTML5第六课时，后代选择器

最新推荐文章于 2024-04-16 11:11:26 发布

原创最新推荐文章于 2024-04-16 11:11:26 发布 · 403 阅读

0 ·

CC 4.0 BY-SA版权

HTML5 专栏收录该内容

78 篇文章

订阅专栏

本文通过一个具体的HTML页面示例介绍了CSS后代选择器的基本用法。该示例展示了如何使用后代选择器来精确地为目标元素设置样式，特别是当需要对某个特定父元素下的子元素进行样式化时。

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>后代选择器</title>
    <style>
        #container >.child{
            color: red;
        }
    </style>
</head>
<body>
<div id="container">
    <div>div1</div>
    <div class="child">div2</div>
    <div>div3</div>
    <div>div4</div>
    <div class="child">div5</div>
    <div class="child">
        div6
        <div class="child">
            孙子元素div6
        </div>
    </div>
</div>
</body>
</html>