JSFiddle - React, Tailwind, and code Playground
HTML
<div class="a" >text 1</div>
<div class="b" >text 2</div>
<div class="a b" >text 3</div>
<div class="b a" >text 4</div>CSS
.a { color: red;}
.b { color: blue;}
.a.b { color: green;}
.b.a { color: yellow; }