我正在尝试使用X
HTML Strict 1.0创建嵌套在列表中的列表.问题是,使用XHTML严格的ul元素不能直接嵌套在另一个ul元素中.因此,内部ul元素必须嵌套在li元素中.但是,当这样做时,内部列表的第一行会得到一个子弹,如下例所示.因此,现在B获得双重子弹,因为外部和内部li元素都创建了一个子弹.有谁知道如何在CSS中解决这个问题,以便B打算作为嵌套列表,但只获得一个子弹?感谢名单!
> 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>
解决方法
这是有效的XHTML严格.额外的好处是,这实际上描述的嵌套比将嵌套列表放在单独的列表项中更加语义,因为(“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>