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

ブラウザー実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
ID selector (#idName)Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 3Opera 完全対応 ありSafari 完全対応 1WebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応

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

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