JSFiddle - React, Tailwind, and code Playground

by MegaScience

HTML

<li name="Bloody">Tester
    <div class="FartButt">Test</div>
</li>
<li name="Blody">Tester
    <div class="FartButt">Test</div>
    <i>Testeroonie</i>
    <div class="FartButt">Test</div>
    <i>Testeroonie</i>
</li>
<div class="FartButt">Test</div>

CSS

li[name^="Blood"] > [class*="Fart"] {
    display: none;
}

li + .FartButt {
    background-color: green;
    height: 50vmin;
    width: 50vmin;
}

div ~ i {
    font-size: 100px;
}

:root {
    background-image: linear-gradient(red, blue);
}