JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
<div class="section">
    <span class="text">text1</span>
    </div>
    <span class="text">text2</span>
    </br>
    <span class="not-text">don't color me!</span>
</div>

CSS

.wrap{
    border:1px solid black;
    padding: 5px;
}
.section {
    border: 1px solid blue;
    padding: 5px;
}
.wrap :not(.section) .text {
    background: red;
}