6

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

  • 一个
    • 乙
    • C
    • D
  • 乙
    • F
    • 大号
    • 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

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

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

  • 一个
    • 乙
    • C
    • D
  • 乙
    • F
    • 大号
    • 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 回答