This page is part of the CSS3.info CSS selectors test. See more info on CSS3 selectors.

  1. h1 + p {
    }
    
    <h1></h1>
    <p></p>

    The CSS selector should match the paragraph because the header is directly adjecent to the paragraph

  2. h1 + p {
    }
    
    <h1></h1>
    <h2></h2>
    <p></p>

    The CSS selector should not match the paragraph because the header is in front of, but not directly adjecent to the paragraph

  3. h1 + p {
    }
    
    <p></p>
    <h1></h1>

    The CSS selector should not match the paragraph because the header is not in front of the paragraph