JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li>q</li>
    <li>q
        <ol>
            <li>w</li>
            <li>w</li>
            <li>w
                <ol>
                    <li>e</li>
                    <li>e</li>
                    <li>e</li>
                    <li>e</li>
                </ol>
            </li>
            <li>w</li>
        </ol>
    </li>
    <li>q</li>
    <li>q</li>
</ol>

CSS

ol li:hover{
    color: red;
}
ol li:hover ol{
    color: black;
}