How to style all other elements in the list in bold?

Question

I want to create my list as follows:

• List item
• List item
• List item
• List item
• List item

^^ you see here the first is bold, the second is normal, the third is bold, etc.

I want to do the same thing dynamically on my list.

Answer 1

Use the css3 nth-child selector:

 ol>li:nth-child(odd){ font-weight:bold; }​ 

Here: http://jsfiddle.net/FwTBU/

Answer 2

Something like this should do the job

 ul.zebra li:nth-child(odd), ol.zebra li:nth-child(odd) { font-weight: bold; } 

And your markup will be

 <ul class="zebra"> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li> </ul> 

or

 <ol class="zebra"> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li> </ol> 

Answer 3

 ol li { font-weight:normal } ol li:nth-child(odd){ font-weight:bold; } 

Answer 4

 li:nth-child(odd) { font-weight:bold } li:nth-child(even) { font-weight:normal }