CSS3:セレクター
選択子
code:css
.selecter{
property: value;
property: value;
}
セレクタ, セレクタ, セレクタ ... {プロパティ: 値}
セレクタ {プロパティ: 値; プロパティ: 値; ... }
セレクタ {
プロパティ: 値;
プロパティ: 値;
プロパティ: 値;
}
セレクターの種類
* すべての要素
要素名 要素名で指定した要素(pとか、divとか、spanとか)
要素名.クラス名 クラス名を付けた要素
要素名#id名 id名を付けた要素
要素名[属性名] 特定の属性を持つ指定要素
要素名[属性名= "属性値"] 特定の属性値を持つ指定要素
要素名[属性名~= "属性値"] 属性値候補と一致した要素
子孫セレクター
子セレクター(child selectors)
隣接セレクター
階層指定
CSS3-term.icon
https://img.shields.io/badge/CSS3-セレクター-1572B6.svg?logo=css3&style=for-the-badge