JSFiddle - React, Tailwind, and code Playground

HTML

<div class="class1 class2">Test</div>
<div class="class2 class1">Test</div>

CSS

[class^="class1"] {
    color: red;
}

[class^="class1 class2"] {
    background-color: yellow;
}

[class^="class2 class1"] {
    border: 1px solid blue;
}