サブオーダーリストを正しく作成する方法

Question

私はこれの物流をよく理解していません。

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

そしてそうで、基本的にマスターリストがlower-alphaを命じている各マスタ項目の下の子リストで、数値的に注文した：基本的に私はのように見えるウェブブログの簡単なリストを作りたかったです。

私は、このHTMLマークアップを使用して、この効果を達成：この小さなCSSルールに

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

を：

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

私が持っていたこの問題は、W3Cのバリデータに応じてということでした。

要素olは、このコンテキストで要素olの子として許可されていません。私はこの問題は非常にシンプルなソリューションを持っているはずだと思う

、私は1つを見つけることができませんでした、と私はolがolの子になることはできませんなぜ私は従わわかりません。

Answer 1

あなたはこのようにそれを実行します。

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

あなたはトップレベルのため内のリスト項目サブリストを配置する必要があります。

Answer 2

私はあなたのオールは、Liであることが必要だと思います：

<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