Lekce 1.3

Moderní nativní CSS

Vlastní vlastnosti a zanořování bez preprocesoru, dotazy na velikost rodiče a specificita, kterou máme pod kontrolou.

Doporučené úlohy na doma

Obě úlohy stojí na dnešní látce a dají se dělat nezávisle na sobě.

Barevné motivy

Připravte stránce tři barevné motivy, mezi kterými se přepíná jedinou třídou na <body>. Každý motiv smí přepsat jenom tokeny, do pravidel jednotlivých komponent nesahejte. Hotovo je ve chvíli, kdy přepnutí motivu nezmění ani jeden řádek v komponentách a stránka zůstane čitelná ve všech třech.

Seznam úkolů

Vysázejte seznam úkolů, ve kterém má odškrtnutá položka jiný vzhled než neodškrtnutá, a napište to bez jediného řádku JavaScriptu. Položka je <label> se zaškrtávacím políčkem a textem. Hotovo je ve chvíli, kdy se vzhled přepíná kliknutím i mezerníkem a v CSS není !important.