Your Search Results

    General sibling selectors Redirect 1


    The ~ combinator separates two selectors and matches the second element only if it is preceded by the first, and both share a common parent.


    element ~ element { style properties }


    p ~ span {
      color: red;
    <span>This is not red.</span>
    <p>Here is a paragraph.</p>
    <code>Here is some code.</code>
    <span>And here is a span.</span>


    Specification Status Comment
    CSS Selectors Level 3 Recommendation  

    Browser compatibility

    Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
    Basic support ? 1.0 (1.7 or earlier) 7 9 3
    Feature Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
    Basic support ? ? ? ? ?

    See also

    Document Tags and Contributors

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