JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="a">
    <div class="a">
        <div class="b">Not OK
            <div class="a">
                <div class="a">
                    <div class="b">Not OK</div>
                </div>
                <div class="f">
                    <div class="b">OK
                    <div class="a">
                <div class="a">
                    <div class="b">Not OK</div>
                </div>
                <div class="f">
                    <div class="b">OK</div>
                </div>
            </div>
                    </div>
                </div>
            </div>   
            
        </div>
    </div>
    <div class="f">
        <div class="b">OK</div>
    </div>
    
</div>

CSS

div div {padding:10px;}
div {background:white;}

JavaScript

$('.a *:not(.a) > .b').css('background','red');