如何在 XHTML strict 中生成嵌套列表而不给嵌套列表第一个元素添加双项目符号?
我正在尝试使用 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这是严格有效的 XHTML。额外的好处是,这实际上比将嵌套列表放在单独的列表项中更语义地描述了嵌套,因为(“B”,“C”,“D”到父“A”)之间的关系由以下描述这个标记。
如果您要显示定义列表!)
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!)