JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <a href="#" class="test">Test</a>
</div>

CSS

body div a.test{
    color:yellow;
}
body div .test{
    color:brown;
}
body a.test{
    color:purple;
}
body .test{
    color: orange;
}
a.test{
    color:green;
}
.test {
    border: thin solid blue;
    color: red;
}