CSS 子セレクターとは何ですか?

青灯夜游
リリース: 2020-11-13 16:46:13
オリジナル
5514 人が閲覧しました

CSS の子セレクターは 5 つあります。つまり、「:first-child」セレクター、「:only-child」セレクター、「:nth-child(n)」セレクター、「:nth」 -last-child です。 (n)」セレクター、「:last-child」セレクター。

CSS 子セレクターとは何ですか?

#【推奨チュートリアル:

CSS ビデオ チュートリアル

css 子セレクター

:first-child は、その親要素に属する最初の子要素を選択します。例: p:first-child は、親要素の最初の子要素であるすべての <p> 要素を選択します。

:only-child は、親要素の唯一の子要素であるすべての要素と一致します。例: p:only-child は、親要素の唯一の子要素である各 <p> 要素を選択します。

:nth-child(n) は、要素の種類に関係なく、親要素に属する N 番目の子要素と一致します。例: p:nth-child(2)、親要素の 2 番目の子であるすべての <p> 要素を選択します。

:nth-last-child(n) は、要素のタイプに関係なく、最後の子要素から数えて、その要素の N 番目の子要素であるすべての要素に一致します。例: p:nth-last-child(2)、上記と同じ、最後の子要素から数えます。

:last-child は、親要素の最後の子要素であるすべての要素と一致します。例: p:last-child は、親要素の最後の子要素である各 <p> 要素を選択します。

プログラミング関連の知識について詳しくは、

プログラミング入門をご覧ください。 !

以上がCSS 子セレクターとは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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