Egy osztály a stílusozáshoz JavaScriptben
Tegyük fel, hogy van két osztályunk, amelyeket az elem állapotától függően adunk neki:
div.active {
color: red;
}
div.passive {
color: black;
}
Valójában a két osztály jelenléte itt
zavaró lehet. Ebben az esetben átírhatjuk
a stílusokat a következő módon
a :not szelektor segítségével:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Ebben az esetben kényelmes módon tudjuk váltogatni az osztályunkat, ezzel aktívvá vagy inaktívvá téve az elemet:
elem.classList.toggle('active');
Adottak bekezdések. Állítsa be úgy, hogy az egyes bekezdések az első kattintásra pirosra színeződjenek, a második kattintásra pedig visszaszíneződjenek feketére.
