Der Code:Wie css eines div hinzufügen, wenn das Kontrollkästchen aktiviert ist?
#menu-open:checked ~ .logoib {
-webkit-filter: invert(100%);
filter: invert(100%);
}
<div id="logo" class="logoib"></div>
<input type="checkbox" id="menu-open">
<nav class="menu-list">
<a href="#" class="firsta">Home</a>
<a href="#">My Works</a>
<a href="#">Contact</a>
</nav>
<label for="menu-open" class="modmenu logoib">
<span></span>
</label>
Ich möchte einige CSS von #logo
hinzuzufügen, wenn das Kontrollkästchen des Menüs aktiviert ist.
In diesem Zusammenhang nicht möglich. Sie müssen sich entweder mit JavaScript begnügen oder die Eingabe früher in das DOM (vor dem '# logo' Element) einfügen. –
ja, ich dachte ... ich werde das machen .. danke trotzdem! –