JSFiddle - React, Tailwind, and code Playground

by cfree

HTML

<ul>
    <li class="c4"><a href="#">Test</a></li>
    <li class="c4"><a href="#">Test</a></li>
    <li class="c4"><a href="#">Test</a></li>
    <li class="c4">
        <a href="#">Test</a>
        <ul>
            <li class="c4"><a href="#">Test</a></li>
            <li class="carpet c4"><a href="#">Test</a></li>
            <li class="c4"><a href="#">Test</a></li>
        </ul>
    </li>
    <li class="c4"><a href="#">Test</a></li>
    <li class="c4"><a href="#">Test</a></li>
</ul>

CSS

ul li[class=c4] {
    background: red;
}

ul li[class=c4] li[class*=c4] {
    background: maroon;
}