多级 CSS 导航中的文本作为列表项

Question

我需要在第一层、第二级和第三级链接的水平导航菜单之前添加文本。

这些级别是使用嵌套列表实现的。

如果我想将文本放在链接级别之前，将所述文本添加为列表项是否被视为不良做法？

例：

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 
li{
    float:left;
    display:block;
    margin-left:20px;
}

<ul>
    <li>Some arbitrary text:</li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
    <li><a href="#">Link 3</a></li>
    <li><a href="#">Link 4</a></li>
    <li><a href="#">Link 5</a></li>
</ul>

Answer 1

我会

说这违背了最佳实践，我建议这样做

<span>Some Text:</span><ul>..</ul>

这样可以使您的 html 保持干净和更灵活。