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

  1. div > div {
    }
    
    <div> 
       <div></div>
    </div>

    The CSS selector should match the inner div element, because it is a child of the outer div element

    div ol > li div {
    }
    
    <div> 
       <ol> 
          <li> 
             <div></div>
          </li>
       </ol>
    </div>

    The CSS selector should match the inner div element, because it is a descentdant of the li element which is a child of the ol element, which is a descendant of the outer div element

  2. div > div {
    }
    
    <div> 
       <blockquote> 
          <div></div>
       </blockquote>
    </div>

    The CSS selector should not match the inner div element, because it is only a decendant of the outer div element