Topic: Zebra Pattern using CSS (Page 1 of 1)

I've been trying to make one of those zebra like patterns in CSS but the problem is that the only way I found out how to do it is by adding a different class to each of the <li> elements. Thats pretty hectic does anyone know of a better or easier way to do it?


Online Portfolio

In current CSS specs, you can't construct a selector that selects every other <li>. In CSS 3, you will probably be able to do something like

li:nth-child(odd)

.
Either give them a class (maybe alternate them server-side) or use JavaScript.

http://alistapart.com/articles/zebratables/

The CSS3 :nth-child selector that HZR referred to has actually been implemented in Firefox nightlies sometime after 0.8. Another reason why I love Fx.