css에서 중첩 된 주문 목록의 계층 적 번호 매기기?

Question

당신은 같은 HTML 표준 정렬 된 목록이있는 경우 :

<ol> 
    <li>First</li> 
    <li>Second</li> 
    <ol> 
     <li>Third</li> 
     <li>Fourth</li> 
     <ol> 
      <li>Fifth</li> 
      <li>Sixth</li> 
     </ol> 
    </ol> 
    <li>Seventh</li> 
</ol> 

가 자동으로 나타납니다 CSS 또는 JQuery와에 이런 스타일 목록에 대한 HTML 태그를 추가하지 않고 가능을 같은 :

A. First 
B. Second 
    I. Third 
    II. Fourth 
     1. Fifth 
     2. Sixth 
C. Seventh 

Answer 1

이 시도 :

ol {list-style-type: upper-alpha} 
ol ol {list-style-type: upper-latin} 
ol ol ol {list-style-type: decimal} 

그리고 결코 다시는 기본적인 스타일에 대한 jQuery를 사용하는 것이 좋습니다 ...