5

これのロジスティクスを理解しているかどうかはわかりません。基本的に、次のような簡単なリストを Web ブログに作成したいと考えていました。

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

など、基本的には番号順に並べられたマスター リストであり、順序付けられた各マスター アイテムの下に子リストがありますlower-alpha。

この HTML マークアップを使用して、この効果を実現しました。

<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 ルールを使用すると、次のようになります。

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

私が抱えていたこの問題は、w3cバリデーターによると：

このコンテキストでは、要素 ol を要素 ol の子として使用することはできません。

この問題には非常に単純な解決策が必要だと思いますが、見つけることがolできませんでしたol。

4

3 に答える 3

10

あなたはこのようにします：

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

トップレベルのリストアイテム内にサブリストを配置する必要があります。

于 2012-10-04T15:51:58.277 に答える
4

サブオーダー リストを制御するには、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 */

ここで同様の質問について詳しく読むこともできます

于 2012-10-04T16:12:01.337 に答える
0

私はあなたのolがliにある必要があると思います：

<ol>
    <li>item1</li>
    <li>
        <ol>
            <li>item2</li>
        </ol> 
    </li>
</ol>
于 2012-10-04T15:52:12.053 に答える