CSS:セレクター - suto3の大福帳

CSS:セレクター

スタイルを適用したい要素を選択する。

続く{}内で指定するスタイルを適用したい要素名、body、h1〜h6、pなどを記す。

選択子

セレクター - セレクタ（selector）

code:css

.selecter{

property: value;

property: value;

}

セレクタ, セレクタ, セレクタ ... {プロパティ: 値}

セレクタ {プロパティ: 値; プロパティ: 値; ... }

セレクタ {

プロパティ: 値;

プロパティ: 値;

プロパティ: 値;

}

セレクターの種類

CSS:全称セレクター（CSS:ユニバーサルセレクター）CSS:universal selector

* すべての要素

CSS:要素型セレクター（CSS:タイプセレクター） CSS:type selector

要素名要素名で指定した要素（pとか、divとか、spanとか）

CSS:クラスセレクター CSS:class selector

要素名.クラス名クラス名を付けた要素

CSS:クラス - CSS:クラス名

CSS:一意セレクター（CSS:IDセレクター）CSS:id selector

要素名#id名 id名を付けた要素

CSS:属性セレクター CSS:attribute selector

要素名[属性名] 特定の属性を持つ指定要素

要素名[属性名= "属性値"] 特定の属性値を持つ指定要素

要素名[属性名~= "属性値"] 属性値候補と一致した要素

CSS:擬似要素 - CSS:pseudo-element

CSS:擬似クラス - CSS:pseudo-class

複数のセレクター

子孫セレクター

子セレクター（child selectors）

隣接セレクター

CSS:結合子 - CSS:combinator

階層指定

CSS:プロパティ - CSS:プロパティ名 - CSS:プロパティ値 - CSS:値

CSS:スタイル - CSS:style

villagepump - /villagepump/CSSセレクター

https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Selectors

CSS3-term.icon

https://img.shields.io/badge/CSS-セレクター-663399.svg?logo=css&style=for-the-badge