mozilla
Your Search Results

    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,