Ένα CSS class για στυλ στο JavaScript

Ας υποθέσουμε ότι έχουμε δύο CSS classes που δίνουμε σε ένα στοιχείο ανάλογα με την κατάστασή του:

div.active {
	color: red;
}
div.passive {
	color: black;
}

Στην πραγματικότητα, η ύπαρξη δύο classes εδώ μπορεί να εμποδίζει. Σε αυτήν την περίπτωση μπορούμε να ξαναγράψουμε τα στυλ ως εξής μέσω του επιλογέα :not:

div.active {
	color: red;
}
div:not(active) {
	color: black;
}

Σε αυτήν την περίπτωση, μπορούμε με βολικό τρόπο να εναλλάσσουμε το CSS class μας, κάνοντας το στοιχείο ενεργό ή μη ενεργό:

elem.classList.toggle('active');

Δίνονται παραγράφοι. Κάντε κάθε παράγραφο, στο πρώτο κλικ πάνω της να χρωματίζεται κόκκινο, και στο δεύτερο κλικ - να χρωματίζεται πάλι μαύρο.