CSS进阶-03-选择器-并集

最新推荐文章于 2024-06-14 22:06:09 发布

Keep learning（Poker）

最新推荐文章于 2024-06-14 22:06:09 发布

阅读量228

点赞数

文章标签： css css3 前端

本文链接：https://blog.csdn.net/weixin_63562705/article/details/121788453

版权

并集选择器 CSS 样式设置选择器组合多标签

关键词由CSDN通过智能技术生成

2.1并集选择器: ,

★作用: 同时选择多组标签,设置相同的样式

★选择器语法: 选择器1，选择器2{css }

★结果:找到选择器1和选择器2选中的标签,设置样式

★注意点:

1.并集选择器中的每组选择器之间通过 ,分隔

2.并集选择器中的每组选择器可以是基础选择器或者复合选择器

3.并集选择器中的每组选择器通常一行写一个,提高代码的可读性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* p div span h1 文字颜色是红色 */
        /* 选择器1,选择器2{} */
        p,
        div,
        span,
        h1{
            color: red;
        }
    </style>
</head>
<body>
    <p>ppp</p>
    <div>div</div>
    <span>span</span>
    <h1>h1</h1>

    <h2>h2</h2>
</body>
</html>

Keep learning（Poker）

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS进阶-03-选择器-并集

2.1并集选择器: ,★作用: 同时选择多组标签,设置相同的样式★选择器语法: 选择器1，选择器2{css }★结果:找到选择器1和选择器2选中的标签,设置样式★注意点:1.并集选择器中的每组选择器之间通过 ,分隔2.并集选择器中的每组选择器可以是基础选择器或者复合选择器3.并集选择器中的每组选择器通常一行写一个,提高代码的可读性<!DOCTYPE html><html lang="en"><head> <meta
复制链接

扫一扫