0420-并集选择器

最新推荐文章于 2023-04-24 22:46:04 发布

原创最新推荐文章于 2023-04-24 22:46:04 发布 · 645 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

20 篇文章

订阅专栏

本文介绍了CSS中并集选择器的概念及其使用方法。并集选择器可以为多个选择器所选中的元素设置相同的样式属性，简化了样式设置过程。通过实例展示了如何使用并集选择器对不同类别的元素应用统一的样式。

1.什么是并集选择器?
作用: 给所有选择器选中的标签设置属性

格式:
选择器1,选择器2{
    属性:值;
}

注意点:
1.并集选择器必须使用,来连接
2.选择器可以使用标签名称/id名称/class名称

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>并集选择器</title>
    <style>
        /*
        .ht{
            color: red;
        }
        .para{
            color: red;
        }
        */
        .ht,.para{
            color: red;
        }
    </style>
</head>
<body>
<h1 class="ht">我是标题</h1>
<p class="para">我是段落</p>
<p>我是段落</p>
<p>我是段落</p>
</body>
</html>