仕様解説
CSSセレクター総ざらい
5

フォームやユーザーの動作に対応する擬似クラスを解説します。将来的に使えるようになるかもしれない仕様についても触れます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

文書構造を利用しながら、特定の要素を指定する擬似クラスを解説します。Selector Level 4では引数にセレクターを渡すこともできるようになります。少し未来の仕様ものぞいてみましょう。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

セレクターに付与されるキーワードで、セレクターで選ばれた要素が特定の状態になったときを示す擬似クラスを解説します。普段、ホバーなどの擬似クラスはよく使っていると思いますが、それ以外にも多くの擬似クラスがあります。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

2回目はある要素の子要素、子孫要素、兄弟要素の選択ができる結合子の解説をします。4種類ある結合子の特徴を押さえることで、目的の要素に適切なスタイルを付与できます。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア

第1回目では、まずセレクター一般についての説明をします。次に5種類の基本セレクターについて解説します。普段の業務で使っているセレクターを今一度、基本仕様から押さえてみましょう。

坂巻 翔大郎
坂巻 翔大郎 | フロントエンド・エンジニア