JavaScript-de bir klas üçin stil ýasamak
Bizde iki klas bolsun, olary elemente onuň ýagdaýyna baglylykda berýäris:
div.active {
color: red;
}
div.passive {
color: black;
}
Aslynda iki klasyň bolmagy bu ýerde
ýol bermezlik edip bilýär. Bu ýagdaýda biz
stilleri aşakdaky ýaly :not
selektor arkaly täzeden ýazyp bileris:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Bu ýagdaýda biz klasymyzy amatly usulda çalyşyp, element aktiv ýa-da inaktiv edip bileris:
elem.classList.toggle('active');
Abzaslar berlen. Her abzasyň birinji gezek basylşynda gyzyl reňke, ikinji gezek basylşynda bolsa gaýtadan gara reňke boýalýanlygyny üpjün ediň.