更新日
#13 CSSのセレクタでよく使う7つを覚えよう
web兄さん
セレクタとはCSSの書き方の「どの要素の？」の部分でしたよね。
セレクタのおさらい
CSSは
❶どの要素の（セレクタ）↓
❷何を？（プロパティ）↓
❸どのように変更する？（値）
という３つの項目で記述します。
この３つは必ずセットです。いずれかが欠けていると機能しません。
それに加えて、
❶セレクタと{ }（波括弧）↓
❷プロパティの後ろに:（コロン）↓
❸値の後ろに;（セミコロン）
という３つの記号も必ずセットで記述します。
そして、前回までの講座で以下の３つのセレクタを勉強しましたよね。
div{ color : red }と書く要素セレクタ.text{ color : red }と書くclassセレクタ#headline{ color : red }と書くidセレクタ
それぞれ覚えていましたか？
実は、セレクタは「こういう部分だけにCSSを割り当てたいんだよな〜」という要望に応えるために、数十種類以上の書き方があります。今回はその中でも実際の現場でよく使用される7つを紹介します。