什么是+
这个CSS规则是什么意思?
h2 + p {
font-size: 1.4em;
font-weight: bold;
color: #777;
}
+
is the 相邻兄弟组合器.
这意味着选择器h2 + p
只选择p
那来了之后立马 an 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>
已选择的内容和未选择的内容:
Selected
This p
就在第一个之后h2
.
-
未选中的
This p
发生在第一个之后p
与h2
。因为它并不立即遵循h2
,它没有被选中。
然而,由于它仍然遵循h2
元素,只是不是立即,选择器h2 + p
不会匹配这个元素,但是h2 ~ p
将,使用通用兄弟组合器反而。
未选中的
This p
位于一个blockquote
,并且没有h2
在引号内之前以满足其选择器的要求。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)