사용자 정의 카운터 리셋 : 항목

Question

가 어떻게 다음 CSS 사용할 때 생성 된 번호를 사용자 정의 할 수 있습니다 내 주문 목록에이 라인을 추가함으로써

div.Most ol{counter-reset: item;} 
div.Most ol li:before {content: counter(item) " "; counter-increment: item} 

을, 나는의 수를 0부터 시작하는 숫자 값을 얻기 내 목록에있는 항목. 내가 원하는 것은 수동으로 값을 제어하는 ​​것입니다. 첫 번째 항목의 값이 2이고 두 번째 항목의 값이 4가되도록한다고 가정 해 봅시다.

가능합니까? 당신은 항상 2 씩 증가 할 경우

Answer 1

, 당신은 counter-increment 값으로 그 설정할 수 있습니다

div.Most ol li:before {content: counter(item) " "; counter-increment: item 2} 

이것은 spec에 설명되어 있습니다.