ID セレクター

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>

結果

仕様書

ブラウザー実装状況