Една класа за стилизирање во JavaScript

Да претпоставиме дека имаме две класи кои ги даваме на елементот во зависност од неговата состојба:

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

Всушност, присуството на две класи овде може да биде пречка. Во овој случај можеме да ги преработиме стиловите на следниов начин преку селекторот :not:

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

Во овој случај, можеме на погоден начин да ја вклучуваме/исклучуваме нашата класа, правејќи го елементот активен или неактивен:

javascriptelem.classList.toggle('active');