JSFiddle - React, Tailwind, and code Playground

HTML

<div id="div1">Teste 1 (defenido no CSS)</div>
<div id="div2" style="color: green;">Teste 2 (defenido no CSS e no HTML. O HTML tem prioridade)</div>
<div id="div3" style="color: green;">Teste 3 (defenido no CSS 2m 2 sitios, e no HTML. O !important vence)</div>

Repare que o !important pervalece até no terceiro caso em que existem regras para esse elemento no CSS e no HTML.

CSS

#div1 {
    color: blue;
}
#div2 {
    color: blue;
}
#div3 {
    color: red !important;
}

body > div {
    color: blue;
}