Jeden trieda pre štýlovanie v JavaScripte
Predpokladajme, že máme dve triedy, ktoré pridávame prvku v závislosti od jeho stavu:
div.active {
color: red;
}
div.passive {
color: black;
}
V skutočnosti môže prítomnosť dvoch tried
prekážať. V takom prípade môžeme
prepísať štýly nasledovne
pomocou selektora :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
V tomto prípade môžeme pohodlným spôsobom prepínať našu triedu, čím sa prvok stane aktívnym alebo neaktívnym:
elem.classList.toggle('active');
Dané sú odseky. Zaistite, aby sa každý odsek po prvom kliknutí naň zafarbil na červeno a po druhom kliknutí - zafarbil späť na čierno.
