Jeden trieda pre štýlovanie v JavaScripte

Predpokladajme, že máme dve triedy, ktoré pridávame prvku v závislosti od jeho stavu:

cssdiv.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:

cssdiv.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:

javascriptelem.classList.toggle('active');