JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<div id="outer">
    <div></div>
    <div></div>
    <div></div>
    <div>    
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>

CSS

#outer div {
  padding:10px;
  background-color:gray;
  margin:2px 0px;   
}

#outer div.anak-pertama {
  background-color:#CFCFCF;
}

JavaScript

// Menggunakan .children()
$('#outer').children().addClass('anak-pertama');

// Menggunakan Selektor CSS3 Murni (melalui sizzle.js)
$('#outer > div').css('border-left', '5px solid black');