Jedna třída pro stylování v JavaScriptu
Nechť máme dvě třídy, které prvku dáváme v závislosti na jeho stavu:
div.active {
color: red;
}
div.passive {
color: black;
}
Ve skutečnosti může přítomnost dvou tříd zde
překážet. V tomto případě můžeme
přepsat styly následovně
pomocí selektoru :not:
div.active {
color: red;
}
div:not(active) {
color: black;
}
V tomto případě budeme moci pohodlným způsobem toggleovat naši třídu, čímž se prvek stane aktivním nebo neaktivním:
elem.classList.toggle('active');
Jsou dány odstavce. Zařiďte, aby každý odstavec po prvním kliknutí na něj obarvil na červenou, a po druhém kliknutí - obarvil zpět na černou.
