zurb基礎目標嵌套ol ul列表

Question

我試圖讓第二部分的嵌套ol有字母表列表項，但它都顯示爲數字。我如何將它改爲在第二個嵌套部分中有a）和b）？

  <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; 
} 

見小提琴http://jsfiddle.net/setbon/gGEKH/

Answer 1

看起來你混了你的CSS 名單字母表/字母表「名。

更新代碼

<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; 
}