JavaScript-de bir klas üçin stil ýasamak

Bizde iki klas bolsun, olary elemente onuň ýagdaýyna baglylykda berýäris:

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

Aslynda iki klasyň bolmagy bu ýerde ýol bermezlik edip bilýär. Bu ýagdaýda biz stilleri aşakdaky ýaly :not selektor arkaly täzeden ýazyp bileris:

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

Bu ýagdaýda biz klasymyzy amatly usulda çalyşyp, element aktiv ýa-da inaktiv edip bileris:

javascriptelem.classList.toggle('active');