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

青灯夜游
青灯夜游オリジナル
2020-11-13 16:46:135559ブラウズ

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 サイトの他の関連記事を参照してください。

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