JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        item1
        <ul>
            <li>item1_1</li>
            <li>item1_2
                <ul>
                    <li>item1_2_1</li>
                    <li>item1_2_2</li>
                </ul>
            </li>
        </ul>
    </li>
    <li>
        item2
    </li>
    <li>
        item3
        <ul>
            <li>item3_1</li><li>item3_2</li>
        </ul>
    </li>
</ul>

CSS

/*стиль для родителя*/
ul li {
    color:red;
}

/*стиль для потомка*/
ul li *:not(ul) {
    color:green;
}

/*стиль для потомка потомка*/
ul li *:not(ul) *{
    color:blue;
}