Rozvinu předchozí příklad a budu pozadí jednotlivých řádků tabulky postupně ztmavovat a zase zesvětlovat. Nebudu to přehánět, použiji tři úrovně. Čili sudé řádky budou světle šedé a třetí, sedmý, jedenáctý... podbarvím tmavší šedou. První, pátý, devátý... zůstanou v bílé barvě pozadí stránky.
CSS pravidla vypadají takto:
tr:nth-child(even) {
background-color: #eee;
}
tr:nth-child(4n+3) {
background-color: #ccc;
}
Zde je výsledek:
| První řádek | X | Y |
| Druhý řádek | X | Y |
| Třetí řádek | X | Y |
| Čtvrtý řádek | X | Y |
| Pátý řádek | X | Y |
| Šestý řádek | X | Y |
| Sedmý řádek | X | Y |
| Osmý řádek | X | Y |
| Devátý řádek | X | Y |
| Desátý řádek | X | Y |
zpět: Pořadí v CSS selektorech