JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list-view">
    <li>root
        <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:first-child{
    
    color:red;
    text-decoration: underline;
    
}

.list-view> li ul li {
    
    color:red;
}

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