W jaki sposób mogę w tabelce, przeznaczonej do publikacji na stronie internetowej, ustawić szare tło komórek tylko w wierszach parzystych? Zależy mi na szybkim rozwiązaniu -przypinanie klasy do co drugiego wiersza nie wchodzi tutaj w grę, bo nie mam dostępu do dokumentu HTML. Najlepiej, żeby dało się to zrobić w zewnętrznym arkuszu stylów CSS, podlinkowanym do pliku z tabelką.
W CSS3 można tego dokonać bez wielkiego nakładu pracy.
Wystarczy w arkuszu stylów umieścić regułę dotyczącą tabeli:
tr:nth-child(odd) { background-color: silver; }
zamiast "silver" można umieścić dowolny inny kolor np. #FFF
Ta reguła będzie pasować do każdego nieparzystego wiersza w tabeli, czyli takiego, który jest pierwszym, trzecim i kolejnym nieparzystym dzieckiem swojego rodzica-tabeli.
Natomiast regułą:
tr:nth-child(even) { background-color: #EEEEEE; }
można formatować wszystkie kolejne parzyste wiersze tabeli.
tr:nth-child(odd) { background-color:#EEE; }
tr:nth-child(even) { background-color:#EEE; }
