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>
效果:效果被同时设置了