一个标签多个选择器

最新推荐文章于 2024-07-11 18:05:14 发布

原创最新推荐文章于 2024-07-11 18:05:14 发布 · 693 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html

这篇博客探讨了如何在HTML中使用多个类名来精细化管理CSS样式。示例中，一个`div`元素同时应用了`.one`和`.two`两个类，分别设置背景色为aqua和字体大小为40px，颜色为brown，展示了类名组合的灵活性。

优点

便于样式管理及修改

<!DOCTYPE html>

<head>
    <title>一个标签多个类名</title>
    <style>
        .one {
            background-color: aqua;
        }
        
        .two {
            font-size: 40px;
            color: brown;
        }
    </style>
</head>

<body>
    <div class="one two">1112222</div>
</body>

</html>