2013-07-10 3 views
0

중첩 된 ol의 두 번째 부분에 알파벳 목록 항목이 있지만 모든 항목이 숫자로 표시됩니다. 두 번째 중첩 된 부분에 a)와 b)를 포함하도록 어떻게 변경합니까? 중첩 된 ol ul 목록을 대상으로하는 zurb 기초

  <p>This is some texts:<br> 
       <ol> 
       <ol> 
        <li class=first list item.</li> 

        <li class="list-numbers">second list item</li> 
       </ul> 

       Some text 

       <ol class="list-alphabet"> 

       <li class="list-alphabet">first list item second part.</li> 

       <li class="list-alphabet">second list item second part</li> 
       </ol> 
       </ol> 
</div> 


ol.alphabet li { 
    list-style: lower-alpha; 
} 

.alphabet ol li { 
    list-style: lower-alpha; 
} 

ol-.alphabet li { 
    list-style: lower-alpha; 
} 

ol li ol li.alphabet { 
    list-style: lower-alpha; 
} 

ol li ol li. { 
    list-style: lower-alpha; 
} 

당신이 당신의 CSS '목록 - 알파벳/알파벳' 이름을 혼합처럼 바이올린 http://jsfiddle.net/setbon/gGEKH/

답변

0

이 보이는 참조하십시오.

당신에게 폴 감사합니다, 코드

<p>This is some texts:</p> 
<br> 
<ol> 
    <ol> 
    <li>first list item.</li> 
    <li>second list item</li>Some text 
    <ol class="alphabet"> 
     <li>first list item second part.</li> 
     <li>second list item second part</li> 
    </ol> 
    </ol> 
</ol> 

을의 CSS

ol.alphabet li { 
    list-style: lower-alpha; 
} 
+0

에게 업데이트! –