JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a b c">1</div>
<div class="a c b">2</div>
<div class="b a c">3</div>
<div class="b c a">4</div>
<div class="c a b">5</div>
<div class="c b a">6</div>

CSS

.a.b.c {
    display: inline-block;
}
.a.c.b {
    background: tomato;
}
.b.a.c {
    margin: 5px;
}
.b.c.a {
    font-family: sans-serif;
}
.c.a.b {
    padding: 5px;
}
.c.b.a {
    font-size: 24px;
}