Viena klase stilizēšanai JavaScript

Pieņemsim, ka mums ir divas klases, kuras mēs piešķiram elementam atkarībā no tā stāvokļa:

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

Patiesībā divu klasešu klātbūtne šeit var traucēt. Šajā gadījumā mēs varam pārrakstīt stilus šādi izmantojot selektoru :not:

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

Šajā gadījumā mēs varēsim ērtā veidā pārslēgt mūsu klasi, padarot elementu aktīvu vai neaktīvu:

javascriptelem.classList.toggle('active');