Един клас за стилизация в JavaScript

Да предположим, че имаме два класа, които даваме на елемент в зависимост от неговото състояние:

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

Всъщност наличието на два класа тук може да пречи. В този случай можем да препишем стиловете по следния начин чрез селектора :not:

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

По този начин можем по удобен начин да превключваме нашия клас, правейки елемента активен или неактивен:

javascriptelem.classList.toggle('active');