css - 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 'list-alphabet/alphabet'名称。

更新代码

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