CSSで最初の要素を選択する方法

CSS で最初の要素を選択する方法: 1. [first-child] は選択リストの最初のタグを意味します; 2. [last-child] は選択リストの最後のタグを意味します; 3. [ nth-child(3)] は、選択リストの 3 番目のラベルを表します。

このチュートリアルの動作環境: Windows7 システム、css3 バージョン、DELL G3 コンピューター。

CSS で最初の要素を選択する方法:

1、first-child

first-child は、選択リストの最初のタグを表します。コードは次のとおりです:

li:first-child{background:#090}

上記は、li リストの最初の li モジュールの背景色を意味します。

2, last-child

last-child は選択リストの最後のタグを表します。コードは次のとおりです:

li:last-child{background:#090}

3, nth-child(3)

は選択リストの 3 番目のラベルを表し、コードは次のとおりです。

li:nth-child(3){background:#090}

上記のコードの 3 は、4、5 などの他の数字に変更することもできます。 。ラベルを選択したい場合は、番号を入力するだけです。

4. nth-child(2n)

これは、リスト内の偶数番号のタグ、つまり 2 番目、4 番目、6 番目... のタグを選択することを意味します。

関連チュートリアルの推奨事項: CSS ビデオ チュートリアル

以上がCSSで最初の要素を選択する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。