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): 2 番目の

  要素は

  の直後にありません。要素;代わりに、

  が続きます。要素。

• 未選択 (3):

  blockquote 内の要素には

  がありません。

注:

隣接する兄弟コンビネータは、別の要素に続く要素を選択する一般的な兄弟コンビネータ '~' とは異なります。同じ親内のどこにでも。

以上がCSS 兄弟セレクターで ' ' 記号はどのような役割を果たしますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

css for symbol this

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。