2015-04-22 CSS セレクタの種類 CSS Share on Tumblr CSS セレクタの種類 忘れやすい、混乱しやすいのでセレクタ指定をメモ。 CSS セレクタの種類 複数のセレクタ a, b 子孫セレクタ a b 小セレクタ a > b 隣接セレクタ a + b class セレクタ, id セレクタ ab 例 参考リンク 複数のセレクタ 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 参考リンク セレクタの種類-CSSの基本 #04 もっとセレクタを使ってみよう | CSS入門