JavaScript'te Stil Vermek için Tek Bir Sınıf

Durumuna bağlı olarak bir öğeye verdiğimiz iki sınıfımız olduğunu varsayalım:

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

Aslında burada iki sınıfın varlığı engelleyici olabilir. Bu durumda stilleri :not seçici kullanarak aşağıdaki şekilde yeniden yazabiliriz:

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

Bu durumda, sınıfımızı kolay bir şekilde değiştirerek öğeyi aktif veya aktif olmayan yapabiliriz:

javascriptelem.classList.toggle('active');