JSFiddle - React, Tailwind, and code Playground

by joelpurra

HTML

<div class="canvas red">
    <div>
        <div class="canvas blue">
           <div>
               has blue border
               <div class="canvas red">
                   ...
                   <div>
                   MUST HAVE RED BORDER
                   </div>
               </div>           
           </div>
        </div>
    </div>
</div>

CSS

div.canvas div {
    border-style: solid;
    border-width: 1px;
}

div.canvas.red div {
    border-width: 4px;
    border-color: red;
}

div.canvas.blue div {

    border-color: blue;
}