CSSでサブ要素を選択するにはどのセレクターを使用する必要がありますか?

CSS では、指定した要素の子要素を選択したい場合、「:nth-child()」セレクターを使用できます。 ":nth-child()" セレクターは、要素の種類に関係なく、親要素に属する N 番目の子要素と一致することができ、N には数値、キーワード、または数式を指定できます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css セレクターは、要素内の子要素の数を指定します。

:nth-child(n) セレクターは、次の n 番目の子要素と一致します。要素の種類に関係なく、その親要素 N 個の子要素に属します。

n には、数値、キーワード、または数式を指定できます。

例:

tr td:nth-child(2){
    background-color:gray;
}

は、tr

tr:nth-child(2n+0){
    background-color:#F0F0F0;
}

の td の 2 番目の td の属性です。これは、tr

p:nth-child(3n+0)
{
background:#ff0000;
}

の 2 の倍数です。次の式を使用します。 (b)。説明: 期間の長さを示します。n はカウンタ (0 から始まります)、b はオフセット値です。

ここでは、添字が 3 の倍数であるすべての p 要素の背景色を指定します:

rrreee

(学習ビデオ共有:

css ビデオ チュートリアル)

以上がCSSでサブ要素を選択するにはどのセレクターを使用する必要がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。