In an HTML document, the CSS ID selector matches an element based on the value of its id
attribute. The selected element's ID
attribute must match exactly the value given in the selector.
/* The element with id="demo" */ #demo { border: red 2px solid; }
Syntax
#id_value { style properties }
Note that this is equivalent to the following attribute selector
:
[id=id_value] { style properties }
Example
CSS
#identified { background-color: skyblue; }
HTML
<div id="identified">This div has a special ID on it!</div> <div>This is just a regular div.</div>
Result
Specifications
Specification | Status | Comment |
---|---|---|
Selectors Level 4 The definition of 'ID selectors' in that specification. |
Working Draft | |
Selectors Level 3 The definition of 'ID selectors' in that specification. |
Recommendation | |
CSS Level 2 (Revision 1) The definition of 'ID selectors' in that specification. |
Recommendation | |
CSS Level 1 The definition of 'ID selectors' in that specification. |
Recommendation | Initial definition |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Feature | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
Basic support | 1 | 12 | 1 | Yes | Yes | Yes |
Feature | Android webview | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
Basic support | Yes | Yes | Yes | 4 | Yes | Yes | Yes |
Document Tags and Contributors
Tags:
Contributors to this page:
WillBeethoven,
fscholz,
wbamberg,
mfluehr,
erikadoyle,
Sebastianz,
cvrebert,
MusikAnimal,
SphinxKnight,
FredB,
lucas_kauz,
Sheppy,
ethertank,
teoli,
miken32
Last updated by:
WillBeethoven,