ID非公開

2022/5/20 20:34

33回答

<div> <div> <div class=“test”></div> </div> <div> <div class=“test”></div> </div> </div> で最初のtestクラスにだけスタイルを適用したくて.test:firstをすると全てのtestクラスにスタイルが適用されて

補足

:firstではなくて:first-childでこちらも同様にスタイルが適用されませんでした

HTML、CSS36閲覧

ベストアンサー

0

ThanksImg質問者からのお礼コメント

なんとか動いてくれました!ご回答ありがとうございます!!

お礼日時:5/23 3:51

その他の回答(2件)

0

ID非公開さん >・・・1つ目のtestクラスにだけスタイルを適用する・・・・・・・ ご参考に↓ <!DOCTYPE html> <html> <head> <meta charset="utf-8" > <title>sample</title> <style type="text/css"> div:first-of-type>div:first-child{ background:#afa; } /* 参考用 */ div:first-of-type>div:first-child>.test{ color:red; } /* 一つ目だけに適用 */ div:first-of-type>div:last-child .test{ color:#bb0; } </style> </head> <body> <div> <div> <div class="test">test1</div> </div> <div> <div class="test">test2</div> </div> <div> <div class="test">test3</div> </div> </div> </body> </html>