+是相邻的同级组合器。
这意味着选择
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
在引号内没有满足其选择器的内容。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)