En razred za stilizacijo v JavaScript

Recimo, da imamo dva razreda, ki jih elementu dodelimo glede na njegovo stanje:

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

Prisotnost dveh razredov tukaj lahko pravzaprav moti. V tem primeru lahko prepišemo sloge na naslednji način z uporabo izbirnika :not:

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

Na ta način lahko priročno preklapljamo naš razred, da element naredimo aktiven ali neaktiven:

javascriptelem.classList.toggle('active');