A little dab'll do ya

Code Snippets

Code Snippets > CSS > CSS3 Zebra Striping a Table Submit one!

tbody tr:nth-child(odd) {
   background-color: #ccc;
}

Chris Lloyd says:
09/04/2009 at 4:57 pm
great certainly saved me some time searching
Reply
Dyllon says:
09/13/2009 at 3:33 am
this didn’t work well for me, but the PHP one worked great.
Reply
- Dalibor Sojic says:
  04/02/2011 at 1:26 pm
  CSS3 zebra striping is better solution! Why? Here is the right concept:
  1. PHP generates html as output, which should not care how the elements looks like.
  2. CSS purpose is to “care” how the elements looks like.
Artem says:
08/18/2010 at 1:45 am
Cant understand, how it works…
Reply
mike ilz says:
08/24/2010 at 5:09 pm
@Dyllon and @Artem, here is a simple demo explaining how to use this code, and a live example of it being used.
http://webdesignandsuch.com/2010/08/add-zebra-striping-to-a-table-with-css3/
Reply
ModuLIZER says:
12/10/2010 at 5:25 am
Sadly… not supported by IE
Reply
John says:
03/14/2011 at 4:05 am
Can be done with jQuery addClass.
Reply
Maksvil says:
04/19/2011 at 1:49 am
shitty explorer not supported
Reply
mcometa says:
05/01/2011 at 6:45 am
I bet these people saying that it isn’t working are browsers that are not supported. :D
Reply
- mcometa says:
  05/01/2011 at 6:46 am
  I meant, *using* browsers that are not supported.