CSS 同级选择器中的 \' \' 符号有什么作用？

CSS 同级选择器中 ' ' 的含义

在 CSS 中， ' ' 符号代表相邻同级组合器。它选择紧随另一个特定元素之后出现的元素。此选择器对于以特定顺序定位特定元素非常有用。

示例：

考虑以下 CSS 规则：

h2 + p { 
  font-size: 1.4em; 
  font-weight: bold;
  color: #777; 
}

规则将指定的样式应用于任何

直接跟在

之后的元素元素。它不会影响

出现在任何其他元素之后的元素，例如

和

。或

插图：

<code class="html"><h2>Headline!</h2>
<p>The first paragraph.</p>  <!-- Selected -->
<p>The second paragraph.</p> <!-- Not selected -->

<h2>Another headline!</h2>
<blockquote/>
    <p>A quotation.</p>      <!-- Not selected -->
</blockquote/></code>

• 已选择（1）：第一个

  元素紧接在

  之后。

• 未选择 (2): 第二个

  ;元素不直接跟在

  之后。元素;相反，它遵循

  ;

• 未选择 (3):

  块引用内的元素没有

  元素。

注意：

相邻同级组合器与一般同级组合器“~”不同，后者选择跟随另一个元素的元素同一父级中的任何位置。

以上是CSS 同级选择器中的 \' \' 符号有什么作用？的详细内容。更多信息请关注PHP中文网其他相关文章！