JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Element1
    <ul>
        <li>Element1</li>
        <li>Element2</li>
        <li>Element3</li>
        <li>Element4</li>
    </ul>
    </li>
    <li>Element2
    <ul>
        <li>Element1</li>
        <li>Element2</li>
        <li>Element3</li>
        <li>Element4</li>
    </ul>
    </li>
    <li class="exception">Element3
    <ul>
        <li>Element1
        <ul>
            <li>Element1</li>
            <li>Element2</li>
            <li>Element3</li>
            <li>Element4</li>
        </ul>
        </li>
        <li>Element2</li>
        <li>Element3</li>
        <li>Element4</li>
    </ul>
    </li>
    <li>Element4
    <ul>
        <li>Element1</li>
        <li>Element2</li>
        <li>Element3</li>
        <li>Element4</li>
    </ul>
    </li>
</ul>

CSS

*{
    background-color:white
}

*:not(.exception){ 
    background-color:red
}

.exception *{
    background:inherit;
}