Příklad: Podbarvení řádků tabulky

Pomocí nth-child lze rozlišit sudé a liché řádky tabulky decentní změnou barvy jejich pozadí. Máme bílou stránku a příslušná definice vypadá takto:

tr:nth-child(even) {
    background-color: #eee;
}

Zde je výsledek:

První řádekXY
Druhý řádekXY
Třetí řádekXY
Čtvrtý řádekXY
Pátý řádekXY
Šestý řádekXY
Sedmý řádekXY

zpět: Pořadí v CSS selektorech