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

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

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

CSS ビデオ チュートリアル】

css 子セレクター

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

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

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

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

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

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

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

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