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" style="background:white">Element3
    <ul>
        <li style="background:blue">Element1
        <ul>
            <li style="background:pink">Element1</li>
            <li style="background:yellow">Element2</li>
            <li style="background:brown">Element3</li>
            <li style="background:gray">Element4</li>
        </ul>
        </li>
        <li style="background:purple">Element2</li>
        <li style="background:orange">Element3</li>
        <li style="background:green">Element4</li>
    </ul>
    </li>
    <li>Element4
    <ul>
        <li>Element1</li>
        <li>Element2</li>
        <li>Element3</li>
        <li>Element4</li>
    </ul>
    </li>
</ul>

CSS

html{ 
    background-color:red !important
}
body *:not(.exception){ 
    background-color:none !important
}