見出し画像

CSS基礎#004 セレクタについて

セレクタ

◆ タイプセレクタ 【タグ名】
HTML内の、同じタグ名の要素すべてを選択するセレクタ。

◆ 全称セレクタ 【*】
アスタリスク( * )を記すとすべての要素(タグとコンテンツ)が選択される。

◆ classセレクタ【 .class名】
HTMLで指定した同じclass属性を持つ要素すべてを選択するセレクタ。

◆ idセレクタ 【#ID名】
HTMLで指定した同じid属性を持つ要素を選択するセレクタ。HTML内で一度しか使えないため、選択できる要素は一つだけとなる。

◆ 子孫セレクタ 【半角スペース】
特定の親要素に含まれる子要素、および子孫要素を選択するセレクタ。
~の中の~と絞るような形。

◆ セレクタをグループ化【,】or条件(aまたはb)
複数のセレクタを1つのスタイルに割り当てる。

◆ セレクタを続けて and条件(aかつb)
指定したセレクタすべてを満たす要素。

下2つのセレクタについては、また詳しく理解する必要があるので
実際に記述して検証しようと思う。


この記事が気に入ったらサポートをしてみませんか?