CSS之⑨并集选择器(复合选择器③)

                         QQ:3020889729                                                                                 小蔡

何为并集选择器

并集,顾名思义,就是多个选择器并写在一起,实现多个选择器应用同一种样式。

并集选择器的选择器名字

并集选择器的名字:可以是各种基础选择器和后代/子元素选择器,甚至于伪类选择器组合在一起。

并集选择器的作用范围

各组成的选择器的作用范围(并集选择器实际上就是一种样式,多种选择器同时设置。)。

并集选择器的基本格式

格式:选择器1+,+选择器2+,+……+,+选择器n+空格+{样式内容}
书写规范:一般每一个选择器+逗号放一行(多个选择器竖着排放),然后最后一个选择器不需要逗号。

并集选择器的使用

css代码:

/* 并集选择器就是将多个相同样式的选择器同时创建 */

.nas,
a,
p {
  color: white;
  background-color: black;
}
/* 以上全部被设置为相同的样式 */

html代码:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>并集选择器</title>
  <link rel="stylesheet" href="./css/并集选择器css.css">
</head>
<body>
  <h1 class="nas">我是一个标题</h1>
  <div>
    <p>我是盒子的内容</p>
  </div>
  <a href="#">我是一个链接</a>
</body>
</html>

效果效果被同时设置了
在这里插入图片描述

发布了63 篇原创文章 · 获赞 71 · 访问量 8623

猜你喜欢

转载自blog.csdn.net/weixin_44604887/article/details/104226913