Én klasse for styling i JavaScript
La oss si at vi har to klasser som vi gir til et element avhengig av dets tilstand:
div.active {
color: red;
}
div.passive {
color: black;
}
Egentlig kan tilstedeværelsen av to klasser her
være til hinder. I dette tilfellet kan vi
omskrive stilene som følger
via selektoren :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
På denne måten kan vi på en praktisk måte toggle klassen vår, og gjøre elementet aktivt eller inaktivt:
elem.classList.toggle('active');
Det er gitt avsnitt. Gjør slik at hvert avsnitt ved første klikk på det farges rødt, og ved andre klikk farges tilbake til svart.
