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

If you use the jQuery solution it will work on IE8:

jQuery

$(document).ready(function(){
$('#myList li:nth-child(odd)').addClass('alternate');
});

CSS

.alternate {
background: black;
}

If you use the CSS soloution it won't work on IE8:

li:nth-child(odd) {
    background: black;
}