JavaScript-də bir sinfin stilizasiyası
Tutaq ki, bizim elementin vəziyyətindən asılı olaraq verdiyimiz iki sinfi var:
div.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:
div.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:
elem.classList.toggle('active');
Abzaslar verilib. Elə edin ki, hər abzasa ilk klikdə qırmızı rəng alınsın, ikinci klikdə isə yenidən qara rəng alınsın.
