視覚的に分かりやすい CSS セレクタの手引き - lucky bag

CSS2.1 で特定の要素を指定する場合には、下記のセレクタ等を使用して当該要素を選択出来る。 全称セレクタ * {background: #fff;} 全ての要素 タイプセレクタ p {background: #fff;} 全ての p 要素 子孫セレクタ div p {background: #fff;} div 要素の子要素（下位）のp 要素 子供セレクタ div > p {background: #fff;} div 要素の直接の子要素（直接下位）のp 要素 隣接セレクタ p + p {background: #fff;} 同じ親要素を持つ p 要素に継続する p 要素（兄弟） :first-child 疑似クラス div p:first-child {background: #fff;} div 要素内で一番最初に出現する p 要素 この中で子供セレクタ、隣接セレクタ、:first