JavaScript-те бір сыныпты стильдеу

Элементтің жағдайына байланысты біз беретін екі сынып бар делік:

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

Шын мәнінде, екі сыныптың болуы бұл жерде кедергі болуы мүмкін. Бұл жағдайда біз стильдерді :not селекторы арқылы келесі түрде қайта жаза аламыз:

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

Бұл жағдайда біз сыныбымызды ыңғайлы түрде ауыстырып, элементті белсенді немесе белсенді емес ете аламыз:

elem.classList.toggle('active');

Абзацтар берілген. Әрбір абзацқа бірінші рет шергенде қызыл түске боялынуы, ал екінші рет шергенде қара түске қайта боялынуы үшін жасаңыз.