6

XHTML Strict 1.0を使用して、リスト内にネストされたリストを作成しようとしています。問題は、XHTML strictでは、ul要素を別のul要素内に直接ネストできないことです。したがって、内側のul要素はli要素内にネストする必要があります。ただし、このようにすると、次の例に示すように、内側のリストの最初の行に二重の箇条書きが表示されます。したがって、外側と内側のli要素の両方が弾丸を作成するため、Bは二重の弾丸を取得します。Bがネストされたリストとして意図されているが、1つの箇条書きしか取得できないように、CSSでこれを修正する方法を知っている人はいますか？ありがとう！

  • A
    • B
    • C
    • D
  • E
    • F
    • L
    • H

上記の例のXHTML：

<ul>
    <li>A</li>
    <li>
        <ul>
            <li>B</li>
            <li>C</li>
            <li>D</li>
        </ul>
    </li>
    <li>E</li>
    <li>
        <ul>
            <li>F</li>
            <li>L</li>
            <li>H</li>
        </ul>
    </li>
</ul>
4

2 に答える 2

8

これは有効なXHTMLstrictです。追加のボーナスは、（ "B"、 "C"、 "D"と親"A"の間の関係が次のように記述されるため、ネストされたリストを別のリスト項目に配置する場合よりも、実際にはネストをはるかに意味的に記述することです。このマークアップ。

代わりに定義リスト（dl）を使用することについての提案がありますが、意図したとおりにのみ使用する必要があります（つまり、定義のリストを表示している場合）。

  • A
    • B
    • C
    • D
  • E
    • F
    • L
    • H
<ul>
    <li>A
        <ul>
            <li>B</li>
            <li>C</li>
            <li>D</li>
        </ul>
    </li>
    <li>E
        <ul>
            <li>F</li>
            <li>L</li>
            <li>H</li>
        </ul>
    </li>
</ul>
于 2010-02-10T08:08:57.277 に答える
0 
 ul ul > li:first-child { list-style-type: none; }
于 2010-02-10T08:09:19.760 に答える