Alternate background colors for list items

Question

I have a list, and each item is linked, is there a way I can alternate the background colors for each item?

    
L         


        

Answer 1

You can achieve this by adding alternating style classes to each list item

    
Link 1
    
Link 2
    
Link 2
    
Link 2

And then styling it like

li { backgorund:white; }
li.odd { background:silver; }

You can further automate this process with javascript (jQuery example below)

$(document).ready(function() {
  $('table tbody tr:odd').addClass('odd');
});