JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css" scoped>
    .green {
        color: green;
    }
</style>
<h1 class="green underline" id="red">This should be red and underlined (but is green and underlined)!</h1>

CSS

#red {
    color: red;
}

.underline {
    text-decoration: underline;
}