mozilla

ID selectors

Summary

In an HTML document, CSS ID selectors match an element based on the contents of that element's ID attribute, which must match exactly the value given in the selector.

Syntax

#id_value { style properties }

Note this is equivalent to the following attribute selector:

[id=id_value] { style properties }

Example

span#identified {
  background-color: DodgerBlue;
}
<span id="identified">Here's a span with some text.</span>
<span>Here's another.</span>

Specifications

Specification Status Comment
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

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? ? ?

Document Tags and Contributors

Last updated by: MusikAnimal,