<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>兄弟选择器</title>
<style>
/* + 必须是紧紧挨着的兄弟元素*/
h1 + p + p + span {
color: red;
}
h1 + .first-p {
font-size: 36px;
}
.first-p + span {
color: aqua;
}
</style>
</head>
<body>
<h1>一级标题</h1>
<p class="first-p">段落标签 </p>
<span>迪丽热巴</span>
<p>第二个p标签</p>
<span>古力娜扎</span>
<h1>第二个一级标题</h1>
<div class="first-p">
div中的 first-p
</div>
<span>马尔扎哈</span>
</body>
</html>
上述运行结果: