En razred za stilizacijo v JavaScript
Recimo, da imamo dva razreda, ki jih elementu dodelimo glede na njegovo stanje:
div.active {
color: red;
}
div.passive {
color: black;
}
Prisotnost dveh razredov tukaj lahko
pravzaprav moti. V tem primeru lahko
prepišemo sloge na naslednji način
z uporabo izbirnika :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
Na ta način lahko priročno preklapljamo naš razred, da element naredimo aktiven ali neaktiven:
elem.classList.toggle('active');
Podani so odstavki. Poskrbite, da se vsak obseg ob prvem kliku nanj obarvaj rdeče, ob drugem kliku pa nazaj v črno.
