Jedna třída pro stylování v JavaScriptu

Nechť máme dvě třídy, které prvku dáváme v závislosti na jeho stavu:

cssdiv.active {
  color: red;
}
div.passive {
  color: black;
}

Ve skutečnosti může přítomnost dvou tříd zde překážet. V tomto případě můžeme přepsat styly následovně pomocí selektoru :not:

cssdiv.active {
  color: red;
}
div:not(active) {
  color: black;
}

V tomto případě budeme moci pohodlným způsobem toggleovat naši třídu, čímž se prvek stane aktivním nebo neaktivním:

javascriptelem.classList.toggle('active');