O clasă pentru stilizare în JavaScript
Să presupunem că avem două clase pe care le dăm unui element în funcție de starea sa:
div.active {
color: red;
}
div.passive {
color: black;
}
De fapt, prezența a două clase aici
poate fi încurcată. În acest caz putem
rescrie stilurile în felul următor
folosind selectorul :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
În acest caz putem în mod convenabil să comutăm clasa noastră, făcând elementul activ sau inactiv:
elem.classList.toggle('active');
Sunt date paragrafe. Faceți ca fiecare paragraf la primul click pe el să se coloreze în roșu, iar la al doilea click - să revină la negru.
