JSFiddle - React, Tailwind, and code Playground

by Suhaib Janjua

HTML

<div class= "container things">
<p>A</p>
<p id="item">B</p>
<div class="container">C</div>
<p class="things">D</p>
</div>

CSS

.container {
    color: green !important;
}

.things {
    color: blue;

} 
p#item{
    color: yellow;

}
#item {
    color: orange;

}
.things .container {
    color: brown;

}

p.things {
    color: red;

}