JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list-view">
    <li><span>root</span>
        <ul>
            <li>Child1
                    <ul><li>Chlid11</li></ul>
            </li>
            <li>Child2
                    <ul>
                        <li>Chlid21</li>
                        <li>Chlid22</li>
                    </ul>
            </li>
            <li>Child3
                    <ul>
                        <li>Chlid31</li>
                    </ul>
            </li>
            <ul>
    </li>
        </ul>

CSS

.list-view li{
    color:red;    
}
.list-view li span {
    text-decoration: underline;
}
 
.list-view li li {
    color:red;
}

.list-view li li li{  
    color:green;
}