Tabulky - stylování sudých a lichých řádků
Problém, který mě už jednou po cestě tramvají napadl, ale nakonec jsem ho nijak neřešil. Nebyl jsem jediný, kdo o něm uvažoval. Dotyčný se ale pustil do jeho řešení a publikoval o tom článek na A List Apart - Zebra Tables
Problémem je, že v kaskádových stylech do verze 2.1 nelze adresovat každý několikátý řádek tabulky. V některých prohlížečích lze použít pseudotřídu :first, ale tím veškeré konkrétnější adresování končí.
V návrhu kaskádových stylů verze 3 se již počítá se stylováním každého n-tého prvku. Je přidána pseudotřída :nth-child. Než ji ale bude možno reálně použít, to si budeme muset ještě dlouho počkat.
Druhým řešením je použití DOM a JavaScriptu. Vysvětlení, jak vše funguje naleznete v již zmiňovaném článku - Zebra Tables, skript v javascriptu a tak může vypadat výsledek obarvení.
Jakoukoliv tabulku mající definované id obarvíme pomocí zavolání funkce stripe(id) při načítání dokumentu.
Tip: Nevíte čím obdarovat nejbližší? Nechte je napsat Ježíškovi.