如何避免在主菜单中显示子弹

Question

我正在使用一个WordPress网站，我最初的问题是，当我有一颗子弹时，文本将环绕它，使得一些文本位于项目符号点之下，所以我想对齐我的项目符号，这样当文本时被包裹它没有显示在项目符号点下面，

所以我在自定义css

中这样做了

ul {
list-style-type: circle;
    list-style: outside;
   padding-left: 20px;
}

除了现在我的菜单下拉部分的链接旁边出现了子弹以外，哪个效果很好，如何排除影响主菜单的代码？

Answer 1

这可能是因为您使用ul作为选择器。这会将这些样式应用于页面中的所有ul元素。如果您只想选择一个ul，您可以为其添加ID或类，也可以选择它的容器，例如

div ul { // styles here }

Answer 2

您必须更加具体地了解您的css规则，否则您将该风格应用于所有UL

#parentElement ul { list-style-type: circle; list-style: outside; padding-left: 20px; }

Answer 3

而不是为所有ul创建list-style-type，只需为要显示项目符号的特定项创建它。否则找到主菜单ID并添加：list-style-type: none;

Answer 4

ul {
    list-style-type: circle;
    list-style: outside;
    padding-left: 20px;
}

#site-header ul{
    list-style:none;
}

为site-nav ul列表编写特定的选择器并删除样式。在ul之前添加#site-header将覆盖该元素的原始语句。实际上，这会将原始样式应用于除＃site-header

之外的所有ul元素

我相信wp会自动将＃site-header添加到主标题元素中。如果您的主题不是这种情况，只需将＃site-header更改为特定于标题的任何父元素ID。