Vienos klasės naudojimas stilizavimui JavaScript
Tarkime, kad turime dvi klases, kurias suteikiame elementui priklausomai nuo jo būsenos:
div.active {
color: red;
}
div.passive {
color: black;
}
Iš tikrųjų, dviejų klasių buvimas čia
gali trukdyti. Tokiu atveju mes galime
perrašyti stilius taip
naudojant selektorių :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Tokiu atveju mes galime patogiu būdu perjungti mūsų klasę, padarydami elementą aktyvų arba neaktyvų:
elem.classList.toggle('active');
Duoti pastraipos. Padarykite taip, kad kiekviena pastraipa po pirmojo paspaudimo ant jos nusidažytų raudonai, o po antrojo paspaudimo - nusidažytų atgal juodai.
