如何在 XHTML strict 中生成嵌套列表而不给嵌套列表的第一个元素一个双项目符号？

Question

我正在尝试使用 XHTML Strict 1.0 创建一个嵌套在列表中的列表。问题是对于 XHTML 严格来说，一个 ul 元素不能直接嵌套在另一个 ul 元素中。因此，内部 ul 元素必须嵌套在 li 元素中。但是，当这样做时，内部列表的第一行会得到一个双重项目符号，如下面的示例所示。所以现在 B 得到了一个双子弹，因为外部和内部 li 元素都创建了一个子弹。有谁知道如何在 CSS 中解决这个问题，以便 B 用作嵌套列表，但只有一个项目符号？谢谢！

• 一个
• • 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>

Answer 1

 ul ul > li:first-child { list-style-type: none; }

Answer 2

这是有效的 XHTML 严格。额外的好处是，与将嵌套列表放在单独的列表项中相比，这实际上在语义上更能描述嵌套，因为（“B”，“C”，“D”到父“A”）之间的关系由描述这个标记。

有一个关于使用定义列表 (dl) 的建议，但您应该只按预期使用它（即，如果您正在显示定义列表！）

• 一个
  • 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>