ID セレクター
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
CSS の ID セレクター (ID selector) は、 id
属性の値に基づいて要素と一致します。選択される要素の id
属性は、セレクターで指定した値と完全一致していなければなりません。
css
/* id="demo" のついた要素 */
#demo {
border: red 2px solid;
}
構文
例
CSS
css
#identified {
background-color: skyblue;
}
HTML
html
<div id="identified">これは特別な ID がついています!</div>
<div>これは単なる普通の div です。</div>
結果
仕様書
Specification |
---|
Selectors Level 4 # id-selectors |
ブラウザーの互換性
BCD tables only load in the browser