css_2_选择器_复合选择器_交集选择器和并集选择器

双木桑德斯

于 2024-06-12 20:14:43 发布

阅读量197

点赞数 4

分类专栏：前端___css 文章标签： css 前端

本文链接：https://blog.csdn.net/2301_81364463/article/details/139635312

版权

前端___css 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

一.交集选择器

作用：选中页面中同时符合多个选择器的元素。
结构：

选择器1选择器2…选择器n { css样式 }
用的最多的是元素选择器加类选择器：p.fine{}

举例：
以下写法很常见

    <style>
    /* 选中：class值为fine的p元素 */
        p.fine {
            color: blue;
        }
    </style>

<body>
    <p class="fine" >
        这是在说交集选择器。
    </p>
</body>

注意：
1.如果出现标签，标签名必须放在前面。
2.选择器之间没有间隔
3.不可以出现两个元素选择器

二.并集选择器

作用：只要满足其中一个选择器，就会被选中，设置相同的样式。
结构：

选择器1，
选择器2，
… …
选择器n { css样式}

举例：

    <style>
        /* 选中id为all，或class值为like，或class值为love的元素 */
        #all,
        .like,
        .love {
            color: blueviolet;
            font-size: 40px;
        }
    </style>

    <p id="all" >
        这是在说并集选择器。
    </p>
    <p class="like" >
        这是在说并集选择器。
    </p>
    <p class="love" >
        这是在说并集选择器。
    </p>

注意：
1.选择器与选择器之间用，隔开
2.并集选择器一般竖着写

双木桑德斯

关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css_2_选择器_复合选择器_交集选择器和并集选择器

选择器1选择器2…选择器n { css样式 }用的最多的是元素选择器加类选择器：p.fine{}
复制链接

扫一扫

专栏目录

css_2_选择器_复合选择器_交集选择器和并集选择器

一.交集选择器

二.并集选择器

“相关推荐”对你有帮助么？