【CSS独学で直面する「落とし穴」】first-child_html/css_WEB-ITnoseとは

CSS 疑似クラス セレクターを見た後、:first-child は要素の最初の子要素を選択する、これは難しいことだと思いました。しかし、実際にはまだどこでも壁にぶつかります。

うわー

ul の最初の子要素の背景色を設定します。私はそれを当然だと思って ul:first-child{backgroud-color:#ccc;} を使用しましたが、ul 要素全体が選択されていることがわかりました。

マニュアルを見てください。「:first-child セレクターは、その親要素の最初の子要素に属する指定されたセレクターを選択するために使用されます」。上記のコードの場合、次のように設定する必要があることを意味します。 :first-child{backgroud -color:#ccc;} または .fruit>:first-child{backgroud-color:#ccc;}

同様に、

の最初の 要素を選択したい場合は、 ;、次のように設定する必要があります:

p:first-child{backgroud-color:#789;} または .content>:first-child{backgroud-color:#789;}

声明：

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