direct descendant child selectors

by ocorpening

HTML

<ul class="topnav">
  <li>Item 1</li>
  <li>Item 2
    <ul>
    <li>Nested item 1</li>
    <li>Nested item 2</li>
    <li>Nested item 3</li>
    </ul>
  </li>
  <li>Item 3</li>
</ul>

<div class="owen">
    <div class="ralph">
        <img>
        <h4>Map Configuration</h4>
    </div>

    <div class=" bob">
        <div class="ct-collapsible-section-content"></div>
    </div>
</div>

JavaScript

$( "ul.topnav > li" ).css( "border", "3px double red" );

console.log($(".owen > div"));