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

发布于 2024-08-20 21:12:17 字数 984 浏览 7 评论 0原文

我正在尝试使用 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>

I'm trying to create a list nested within a list using XHTML Strict 1.0. The problem is that with XHTML strict a ul element can not be nested directly within another ul element. Thus, the inner ul element has to be nested within a li element. However, when doing it this way, the first row of the inner list get a dubble bullet, as shown in the example below. So now B gets a double bullet since the outer and inner li elements both create a bullet. Do anyone know how to fix this in CSS so that B is intended as a nested list, but only gets one bullet? Thanx!

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

XHTML for the above example:

<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>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

娇纵 2024-08-27 21:12:18
 ul ul > li:first-child { list-style-type: none; }
 ul ul > li:first-child { list-style-type: none; }
眼前雾蒙蒙 2024-08-27 21:12:17

这是严格有效的 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>

This is valid XHTML strict. The added bonus is that this actually describes the nesting much more semantically than if you put the nested list in a separate list item as the relationship between ("B", "C", "D" to parent "A") is described by this mark-up.

There is a suggestion about using a definition list (dl) instead, but you should only use that as intended (i.e. if you are displaying a list of definitions!)

  • 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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文