JSFiddle - React, Tailwind, and code Playground

by ryanwfiorini

HTML

<div class="class1">
   <div class="class2">
     class2
   </div>
   <div class="class2">
     class2
       <div class="class2">
         class2 class2
       </div>
   </div>
   <div class="class2">
     class2
   </div>
   class1
</div>

CSS

.class1 > .class2{
    background-color:red;
}
.class1 > .class2 > .class2{
    background-color:blue;
}