一,并集选择器
<style>
p,
div,
span,
h1{
color:red;
}
</style>
</head>
<body>
<p>ppp</p>
<div>div</div>
<h1>h1</h1>
<h2>h2</h2>
</body>
二,交集选择器
案例:找到第一个p,带box类的,设置文字颜色是红色
<!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.box{
color:red;
}
</style>
</head>
<body>
<p class = "box">这是p标签</p>
<p>pppp</p>
<div class = "box">这是div标签.box</div>
</body>
</html>