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中文網其他相關文章！