JavaScript-də bir sinfin stilizasiyası

Tutaq ki, bizim elementin vəziyyətindən asılı olaraq verdiyimiz iki sinfi var:

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

Əslində iki sinfin olması burada mane ola bilər. Bu halda biz stilləri aşağıdakı kimi :not selektoru vasitəsilə yenidən yaza bilərik:

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

Bu halda biz sinfimizi rahat şəkildə dəyişdirə, elementi aktiv və ya qeyri-aktiv edə bilərik:

javascriptelem.classList.toggle('active');