CSS隣接兄弟セレクターの使用例

同じ親要素を持つ隣接する HTML 要素を見つけるには、CSS の隣接兄弟セレクターを使用できます。ここでは、CSS の隣接兄弟セレクターの使用法を簡単に説明します。

その直後の別の要素を選択できます。次の要素は、両方とも同じ親要素を持っています。以下のコードでは、item2 と item3 は効果を持ちますが、item1 は効果を持ちません。CSS コード:

<ul>
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
</ul>

1。同じ親要素を持つ別の要素の直後の要素を選択するには、隣接する兄弟セレクターを使用します。

2. 隣接する兄弟セレクターは、コネクタとしてプラス記号「+」を使用します。

例

li+li { font-size: 50px; }

CSS 近隣セレクターの使用例と関連記事の詳細については、PHP 中国語 Web サイトに注目してください。