Your Search Results

    Class selectors Redirect 1

    Summary

    In an HTML document, CSS class selectors match an element based on the contents of the element's class attribute. The class attribute is defined as a space-separated list of items, and one of those items must match exactly the class name given in the selector.

    Syntax

    .classname { style properties }

    Note this is equivalent to the following attribute selector:

    [class~=classname] { style properties }

    Example

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

    Specifications

    Specification Status Comment
    CSS Selectors Level 3 Recommendation  
    CSS 2.1 Recommendation  
    CSS 1 Recommendation  

    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 ? ? ? ? ? ?

    See also

    Document Tags and Contributors

    Contributors to this page: Sheppy
    Last updated by: Sheppy,
    Hide Sidebar