html - 如何在导航菜单和页脚链接中隐藏 <li> 项目符号，但在列表项中显示它们

Question

我有一个导航菜单、页脚和幻灯片，它们使用列出的样式来列出链接和图像。我将 css list-style:none; 设置为隐藏导航和页脚中链接和图像旁边的项目符号，但我想显示列表普通文本的项目符号。

我该怎么做？

Answer 1

您需要为要隐藏的项目符号定义一个类。例如

.no-bullets {
    list-style-type: none;
}

然后将它应用到你想要隐藏项目符号的列表中:

<ul class="no-bullets">

所有其他列表(没有特定类别)将照常显示项目符号。