ID セレクター
CSS の ID セレクター (ID selector) は、 id
属性の値に基づいて要素と一致します。選択される要素の id
属性は、セレクターで指定した値と完全一致していなければなりません。
/* id="demo" のついた要素 */
#demo {
border: red 2px solid;
}
構文
例
CSS
#identified {
background-color: skyblue;
}
HTML
<div id="identified">これは特別な ID がついています!</div>
<div>これは単なる普通の div です。</div>
結果
仕様書
仕様書 | 状態 | 備考 |
---|---|---|
Selectors Level 4 ID selectors の定義 |
草案 | |
Selectors Level 3 ID selectors の定義 |
勧告 | |
CSS Level 2 (Revision 1) ID selectors の定義 |
勧告 | |
CSS Level 1 ID selectors の定義 |
勧告 | 初回定義 |
ブラウザーの互換性
BCD tables only load in the browser