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

/* The element with id="demo" */
#demo {
  border: red 2px solid;
}

構文

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

なお、これは以下の属性セレクターと等価です。

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

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 の定義
勧告 初回定義

ブラウザー実装状況

機能ChromeEdgeFirefoxInternet ExplorerOperaSafari
基本対応1121 あり あり あり
機能Android webviewChrome for AndroidEdge mobileFirefox for AndroidOpera AndroidiOS SafariSamsung Internet
基本対応 あり あり あり4 あり あり あり

ドキュメントのタグと貢献者

このページの貢献者: mfuji09, ethertank, sii
最終更新者: mfuji09,