CSS基礎#004 セレクタについて
セレクタ
◆ タイプセレクタ 【タグ名】
HTML内の、同じタグ名の要素すべてを選択するセレクタ。
◆ 全称セレクタ 【*】
アスタリスク( * )を記すとすべての要素(タグとコンテンツ)が選択される。
◆ classセレクタ【 .class名】
HTMLで指定した同じclass属性を持つ要素すべてを選択するセレクタ。
◆ idセレクタ 【#ID名】
HTMLで指定した同じid属性を持つ要素を選択するセレクタ。HTML内で一度しか使えないため、選択できる要素は一つだけとなる。
◆ 子孫セレクタ 【半角スペース】
特定の親要素に含まれる子要素、および子孫要素を選択するセレクタ。
~の中の~と絞るような形。
◆ セレクタをグループ化【,】or条件(aまたはb)
複数のセレクタを1つのスタイルに割り当てる。
◆ セレクタを続けて and条件(aかつb)
指定したセレクタすべてを満たす要素。
下2つのセレクタについては、また詳しく理解する必要があるので
実際に記述して検証しようと思う。
この記事が気に入ったらサポートをしてみませんか?