Један клас за стилизацију у JavaScript

Претпоставимо да имамо два класа који додељујемо елементу у зависности од његовог стања:

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

Заправо, присуство два класа овде може да смета. У том случају можемо да препишемо стилове на следећи начин помоћу селектора :not:

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

У овом случају можемо на погодан начин да укључимо или искључимо наш клас, чинећи елемент активним или неактивним:

javascriptelem.classList.toggle('active');