JavaScriptда стиллаш учун бир класс

Фарз қилайлик, бизда элементнинг ҳолатига қараб иккита класс бор:

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

Аслинда иккита класснинг мавжудлиги бу ерда тўсиқ бўлиши мумкин. Бундай ҳолатда биз стилларни қуйидагича қайта ёзишимиз мумкин :not селектори орқали:

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

Бундай ҳолатда биз элементни фаол ёки нофаол қилиб, бизнинг класснимизни қулай тарзда тогглашимиз мумкин:

elem.classList.toggle('active');

Абзацлар берилган. Ҳар бир абзац унга биринчи марта босилганда қизил рангга, иккинчи марта босилганда эса қора рангга боёлишини таъминланг.