counter-increment in CSS

Question

I am trying to get an ordered list first item shouldn't start with number. The number should start from second item.

please check this URL what I am trying to achieve-- http://jsfiddle.net/kheema/tXtQF/5/

here using counter-reset and counter-increment first item shows 0 and second item starts from 1.. and if anyhow I could remove a 0 my problem will solve.

Does anyone have a better idea on this?

Regards, Kheema

Answer 1

just change last css rule into

ol li:before {content: ""; color: green; display: inline-block; width: ... ; }
ol li + li:before {content: counter(chapter) "."; }

in this way you insert the content starting from second li element (I used li + li so it can work also with IE8)

see fiddle: http://jsfiddle.net/WwNqN/