JavaScriptда стиллаш учун бир класс

Фарз қилайлик, бизда элементнинг ҳолатига қараб иккита класс бор:

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

Аслинда иккита класснинг мавжудлиги бу ерда тўсиқ бўлиши мумкин. Бундай ҳолатда биз стилларни қуйидагича қайта ёзишимиз мумкин :not селектори орқали:

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

Бундай ҳолатда биз элементни фаол ёки нофаол қилиб, бизнинг класснимизни қулай тарзда тогглашимиз мумкин:

javascriptelem.classList.toggle('active');