Encara que el disseny de webs ja no es fa amb taules, sino amb <div>, segueix havent-hi ocasions en que es necessita presentar contingut tabulat. I un recurs freqüent pot ser el de voler alternar els colors de les files de la taula.
Amb CSS3, això es simplifica, sense necessitat de classes ni JavaScript ni res. Simplement amb la pseudoclasse :nth-child(argument), indicant-li si volem marcar els parells o senars:
tr:nth-child(odd) { background-color:#fff; }
tr:nth-child(even) { background-color:#eee; }
tr:nth-child(even) { background-color:#eee; }
En aquest exemple les files senars tindran el fons blanc, i les files parells tindran el fons gris clar.
I qui diu marcar el fons, diu altres coses, clar! :)
Deixa un comentari