ID セレクター

 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 完全対応 ≤37Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 1Samsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応