+是相邻的同级组合器。
这意味着选择
h2 + p只选择
p自带 之后 的
h2。
插图：
<h2>Headline!</h2><p>The first paragraph.</p> <!-- Selected [1] --><p>The second paragraph.</p> <!-- Not selected [2] --><h2>Another headline!</h2><blockquote> <p>A quotation.</p> <!-- Not selected [3] --></blockquote>
选择了什么，没有选择什么：
选择
这个p
来之后第一h2
。未选择
这p
出现在第一后p
而不是在h2
。由于它不会立即跟随h2
，因此未选中。
但是，由于它仍然紧随
h2元素之后，选择器不会立即
h2 + p匹配此元素，而是
h2 ~p将使用通用的同级组合器来匹配该元素。
- 未选择
这p
位于内blockquote
，并且h2
在引号内没有满足其选择器的内容。
