Pomocí kontextových stylů si můžete zjednodušit práci s aktivními částmi stránky. Pokud potřebujete dynamicky měnit součásti většího celku, které mají stejnou/podobnou strukturu, můžete použít podrobně vysvětlovaný postup.

Pro lenochy, kterým se nechce do čtení se pokusím o stručný souhrn, jak to funguje.

Na začátku celek nemá nastaven žádný styl a při aktivování části je jednoduchým kódem v javascriptu styl přenastaven. Při změně aktivní části na nějakou jinou se nastaví celku jméno stylu nově zvolené části. Tím se změní i kontext definice CSS pro všechny podřízené prvky, které mohou být libovolně přenastaveny.

Pokud je vypnut javascript a části celku se skrývají a odkrývají existuje také řešení. V definici třídy celého celku se uvedou názvy všech částí a javascriptem jsou na událost onLoad vynulovány.

Pokud jako vysvětlení nebo nastínění nestačilo, případně vás zajímají větší podrobnosti, stavte se u Pixyho.