JavaScript-da stilizatsiya qilish uchun bitta klass
Faraz qilaylik, bizda uning holatiga qarab elementga beradigan ikkita klasimiz bor:
div.active {
color: red;
}
div.passive {
color: black;
}
Aslida, bu yerda ikkita klassning mavjudligi
to'sqinlik qilishi mumkin. Bunday holda biz
stillarni :not selektori orqali
quyidagicha qayta yozishimiz mumkin:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Bunday holda, biz klassimizni qulay tarzda o'zgartirish orqali elementni faol yoki faol emas qilishimiz mumkin:
elem.classList.toggle('active');
Abzatslar berilgan. Har bir abzatsga birinchi marta klik qilganda qizil rangga, ikkinchi marta klik qilganda esa qora rangga bo'yalishini ta'minlang.
