:first-child デモ

:first-child擬似クラスは、親要素の一番最初の直下の子要素に適用されます。

« 元の記事::first-child の使い方を勘違いした

正しくない例

タイトルなんちゃら

テキストほげほげ

テキストほげほげ

テキストほげほげ

articleの最初の子要素は「h2」なので適用されない

【解決方法1】 隣接セレクタ

.demo2 h2+p{ color:#f00; }

タイトルなんちゃら

テキストほげほげ

テキストほげほげ

テキストほげほげ

【解決方法2】 :first-of-type

タイトルなんちゃら

テキストほげほげ

テキストほげほげ

テキストほげほげ

間違った例:2

テキストほげほげ

テキストほげほげ

テキストほげほげ

article:first-child{
		color:#f00;
	}
正しくは
	article p:first-child{
		color:#f00;
	}
	

« 元の記事::first-child の使い方を勘違いした