在CSS3中，我们有很多选择器，可以使Devs生产率赋予能力，有助于优化DOM和类别的使用。

这样的选择之一是：

相邻选择（+）

CSS中的相邻选择器是一个选择器，它选择与另一元素相邻的元素（即，在此之后）。相邻的选择器由加号（+）表示，并用于选择立即遵循指定元素的第一个元素。例如：在这里，H1之后的所有P标签都将实现样式，而不是在H2之后出现的P标签

<div>
 <h1>About us</h1>
 <p>CSS team is proud to present you...</p>
 <h1>Profile</h1>
 <p>CSS team is proud to present you...</p>
 <h1>Team</h1>
 <h2>Subheding...</h2>
 <p>CSS team is proud to present you...</p>
</div>

div h1 + p {
 color: red;
  margin-top: 10px;
}

用例：

1. 每当图像之后有文本时，您想要它们之间的边距。

2. 每当有H2之后的段落时，您想要特定的样式，但是它们之间有一个H3，您想要不同的样式。

快乐学习！