JSFiddle - React, Tailwind, and code Playground

by joelpurra

HTML

<div class="section">
   <div>header</div>
   <div>
          contents
          <div>sub contents 1</div>              
          <div>sub contents 2</div>
   </div>
</div>

<p>
    See <a href="http://stackoverflow.com/questions/2094508/css-selector-for-first-direct-child-only">css selector for first direct child only</a>
</p>

CSS

DIV {
    border: 1px solid black;
    padding: 5px;
    margin: 5px;
}

DIV.section DIV:first-child {
    border-color: red; 
}

DIV.section > DIV:first-child { 
    background-color: lightgreen; 
}