はしくれエンジニアもどきのメモ

情報系技術・哲学・デザインなどの勉強メモ・備忘録です。

CSS セレクタの種類

CSS セレクタの種類

忘れやすい、混乱しやすいのでセレクタ指定をメモ。

複数のセレクタ a, b

a 要素, b 要素に同じスタイルを当てる。

子孫セレクタ a b

a 要素下にある子要素、孫要素全てのb 要素にスタイルを当てる。

セレクタ a > b

a 要素直下にある子要素b に、スタイルを当てる。孫要素には当たらない。

隣接セレクタ a + b

a 要素の次にくるb 要素にスタイルを当てる。

class セレクタ, id セレクタ ab

class 名または、id 名がa であるb 要素にスタイルを当てる。

codepen.io