:first-child
はクラス名に対して指定はできませんが、そのことについて公式の仕様書等に書いていないのでしょうか?
自分なりに探してみたのですがなかなか見つかりません。もし知っている方がいましたら教えてください。
html
1<p>aaaaa</p> 2<p>bbbbb</p> 3<p>ccccc</p> 4 5<p class="example">aaaaa</p> 6<p class="example">bbbbb</p> 7<p class="example">ccccc</p>
css
1p:first-child { 2 color: red; 3} 4.example:first-child { 5 color: red; 6}
ーーー追加ーーー
nth-of-type
の話になるのですが、下のコードでクラス名sample
のp
タグの2行目の文字色が青色にならないのはなぜですか?
クラス名をつけていないpタグを消したり、クラス名sample
のp
タグに新たに親要素を加えたりすると青色になりますよね
html
1<div>aaaaa</div> 2<div>bbbbb</div> 3<div>ccccc</div> 4 5<p>aaaaa</p> 6<p>bbbbb</p> 7<p>ccccc</p> 8 9<p class="example">aaaaa</p> 10<p class="example">bbbbb</p> 11<p class="example">ccccc</p> 12 13<span class="example">aaaaa</span> 14<span class="example">bbbbb</span> 15<span class="example">ccccc</span>
css
1p:nth-of-type(2) { 2 color: red 3} 4 5.example:nth-of-type(2) { 6 color: blue; 7}
回答2件
あなたの回答
tips
プレビュー