JSFiddle - React, Tailwind, and code Playground

by Felipe Correia

HTML

<input type="checkbox" id="btnControl"/>
<div class="whatever"></div>

<section class="content">
        <article class="personagens">
            <h2>Lista de Pokémons</h2>
            <h2>Lista de Digimons</h2>
            <ul>
                <li><label class="btn" for="btnControl">Bulbasaur</label></li>
                <li><label class="btn" for="btnControl">Ivysaur</label></li>
            </ul>
        </article>
</section>

CSS

#btnControl {
    display: none;
}
#btnControl:checked + .whatever{
    background: red;
}
.whatever {
  width: 50px;
  height: 50px;
  background: gray;
}