CSS の :first-child 擬似クラス セレクターの使用方法の紹介:
このセレクターは、要素コレクションの最初の要素と一致します。
: 最初の子の擬似クラス セレクターは、次のような他のセレクターと組み合わせて使用する必要があります。
li:first-child
上記のコードは、li 要素コレクション内の最初の li 要素と一致します。
コード例は次のとおりです:
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css">li:first-child{color:green;}</style></head><body><ul> <li>html专区</li> <li>Div+css专区</li> <li>Jquery专区</li> <li>Javascript专区</li></ul></body></html>
上記のコードは、li 要素コレクションの最初の li 要素のフォントの色を緑色に設定できます。
元のアドレスは次のとおりです: http://www.softwhy.com/forum.php?mod=viewthread&tid=11765
詳細については、以下を参照してください: http://www.softwhy.com/divcss/
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
