JSFiddle - React, Tailwind, and code Playground

HTML

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

<p class="class3 class4">Test2</p>

<p class="class3 class4" style="color: #0ff !important">Test3</p>

CSS

.class1 {
        color:#F00 !important;
    }
    .class2 {
        color:#00F !important;
    }

    .class4 {
        color:#000 !important;
    }
    .class3 {
        color:#0f0 !important;
    }