JSFiddle - React, Tailwind, and code Playground

HTML

<body>
                    <div class="a">
                        <p class="para">This line should be green.</p>
                    </div>
                    <div class="a">
                        <p class="para">This line should also be green.</p>
                        <div class="ds">
                            <p class="para">This is another line that should be yellow</p>
                        </div>
                    </div>
                </body>

CSS

.ds .para {background:gold;}
.para { background: green }