JSFiddle - React, Tailwind, and code Playground

HTML

<div id="outer">
    <span id="inner">Test 1</span>
    <span>Test 2</span>
</div>

CSS

#outer span { color: Red }
#inner { color: green }
span#inner { color: yellow; }

/* try reversing rules 1 and 3 */