JSFiddle - React, Tailwind, and code Playground

by Daniel Lizik

HTML

<div id="box" class="defaults cell--red"></div>
<div id="box2" class="defaults cell--grey"></div>

CSS

.defaults {
    height: 100px;
    width: 100px;
    display:block;
    border: 1px solid black;
}

.cell--red {
    *#box will override
    background-color: blue;
}

#box {
    background-color:red; 
}

#box2 {
    background-color:black;
}

.cell--grey {
    background-color:grey;
}