如何正確使用子訂單清單

Question

我不確定我是否理解此物流。基本上，我想作一個網絡博客，看起來像一個簡單的列表：

1. item1 
    a. item2 
2. item3 
    a. item4 
    b. item5 
3. item6 

等等，基本上主列表有序的數字，與被lower-alpha訂購的每個主項下的子列表。

<ol> 
    <li>item1</li> 
    <ol> 
     <li>item2</li> 
    </ol> 
    <li>item3</li> 
    <ol> 
     <li>item4</li> 
     <li>item5</li> 
    </ol> 
    <li>item6</li> 
</ol> 

有了這個小CSS規則：

我用這個HTML標記來實現這種效果

ol ol { list-style-type: lower-alpha; } /* sub ordered lists */ 

這個問題我有是，根據W3C驗證：

在此上下文中元素ol不被允許爲元素ol的子元素。

我覺得這個問題應該有一個非常簡單的解決辦法，我無法找到一個，我不知道我爲什麼跟着ol不能成爲ol一個孩子。

Answer 1

你不喜歡這樣：

<ol> 
    <li>item1 
     <ol> 
      <li>item2</li> 
     </ol> 
    </li> 
</ol> 

你需要把子列表內列表項的頂層。

Answer 2

我認爲你的OL需要在一個禮：

<ol> 
    <li>item1</li> 
    <li> 
     <ol> 
      <li>item2</li> 
     </ol> 
    </li> 
</ol> 

Answer 3

有幾種方法來控制你的子有序列表，無論是與CSS或HTML。你幾乎都達到你想要的效果，讓這樣的事情：

1. item1 
    a. item2 
2. item3 
    a. item4 
    b. item5 
3. item6 

你的HTML應該是這樣的：

<ol> 
    <li>item1 
     <ol> 
      <li>item2</li> 
     </ol> 
    </li> 
    <li>item3 
     <ol> 
      <li>item4</li> 
      <li>item5</li> 
     </ol> 
    </li> 
    <li>item6</li> 
</ol> 

而且你的CSS應該是這樣的：

ol li{ list-style-type:decimal; } /* sub ordered lists level 1 */ 
ol li ol li { list-style-type: lower-alpha; } /* sub ordered lists level 2 */ 

你也可以read more about a similar question here