html - 样式化 ul 标签。编号列表

Question

我目前有这个列表

  <ul>
  <li>question1</li>
  <li>answer1</li>
  <li>question2</li>
  <li>answer2</li>
  </ul>

CSS:

  ul {
  list-style:decimal;
  }

有没有办法让每 2 个符号成为另一个符号？尝试了第 nth-child，但由于列表样式位于 ul 标签上，因此它不起作用。

列表示例，弥补我的错误解释:

   1. question1
   a. answer1
   2. question2
   a. answer2
   3. question3
   and so on

Answer 1

您可以稍微更改您的 HTML 标记以使内容更加语义化。这样的事情应该有效:

HTML

<ul>
    <li>question1
        <ul>
            <li>answer1</li>
        </ul>
    </li>
    <li>question2
        <ul>
            <li>answer2</li>
        </ul>
    </li>
    ...
</ul>

CSS

ul {
    list-style-type: decimal;
}

ul ul {
    list-style-type: lower-alpha;
}

fiddle :http://jsfiddle.net/8Lbu7/