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

高洛峰
リリース: 2017-03-07 14:36:47
オリジナル
2289 人が閲覧しました

同じ親要素を持つ隣接する 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 サイトに注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!