ID セレクター

CSS の ID セレクター (ID selector) は、 id 属性の値に基づいて要素と一致します。選択される要素の id 属性は、セレクターで指定した値と完全一致していなければなりません。

/* id="demo" のついた要素 */
#demo {
  border: red 2px solid;
}

構文

#id_value { スタイルプロパティ }

なお、これは次の属性セレクターと等価です (ただし、詳細度は異なります)。

[id=id_value] { スタイルプロパティ }

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