2012-04-17 3 views
2

주문한 목록을 얻으려고합니다. 첫 번째 항목은 숫자로 시작하면 안됩니다. 번호는 두 번째 항목부터 시작해야합니다.CSS의 카운터 증가

나는 카운터 리셋 카운터 증가의 첫 번째 항목은 0을 표시하고 두 번째 항목이 .. (1)에서 시작 어쨌든 만약 내가 0을 제거 할 수 있습니다 사용하여 여기 http://jsfiddle.net/kheema/tXtQF/5/

을 achieve--을 시도하고있는 무슨이 URL을 확인하시기 바랍니다 내 문제가 해결됩니다.

누구에게 더 좋은 생각이 있습니까?

감사합니다,

답변

3

은 당신이 두 번째 li 요소에서 시작하는 내용을 삽입 이런 식으로

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

에 마지막 CSS 규칙을 변경 Kheema는

(나는 그래서 IE8으로도 작동 할 수 li + li을 사용)

참조 : http://jsfiddle.net/WwNqN/

+0

괜찮아요. 동의하나요. 한 번 번호가 제거되면 더 이상 다른 사람과 정렬되지 않습니다. –

+0

포함 된 바이올린으로 내 업데이트보기 – fcalderan

+0

내 경우에는 처음에 여백을 추가했습니다. 목. –

1

다음 규칙을 추가하십시오 :

ol li:nth-of-type(1):before{content: "";} 

이렇게하면 첫 번째 요소에서 0이 제거됩니다.

+0

빠른 도움을 주셔서 감사합니다! –