Jedna klasa do stylizacji w JavaScript
Załóżmy, że mamy dwie klasy, które nadajemy elementowi w zależności od jego stanu:
div.active {
color: red;
}
div.passive {
color: black;
}
W rzeczywistości obecność dwóch klas tutaj
może przeszkadzać. W takim przypadku możemy
przepisać style w następujący sposób
za pomocą selektora :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
W tym przypadku możemy w wygodny sposób przełączać naszą klasę, czyniąc element aktywnym lub nieaktywnym:
elem.classList.toggle('active');
Dane są akapity. Spraw, aby każdy akapit po pierwszym kliknięciu na niego zabarwiał się na czerwono, a po drugim kliknięciu - zabarwiał się z powrotem na czarno.
