试图设置＆＃34; list-style：;＆＃34; css属性为none;

Question

我在这个网站上工作，www.manchadesign.com，它建立在使用themeforest模板的wordpress上。我习惯于编码html和css，但这个简单的问题让我发疯了。

我想删除子菜单列表中的光盘，所以我在css上设置了这个propoerty：

#access ul li {
    list-style:none!important;
    list-style-type:none!important;
    list-style-position:outside;
}

除此之外，我已经对之前向模板添加列表样式的css的所有属性应用了注释，因此我编码的规则是唯一一个影响＆lt; .li＆gt;的规则。具有属性列表样式的元素。

但最终它不起作用，我不知道如何制作那种列表式：光盘; disapear ...

我做错了什么想法......？ 任何可能的不同解决方案......？

Answer 1

最好将list-style应用于列表而不是列表项。

#access ul{
    list-style: none;
}

Here是W3C参考

Answer 2

您的问题是，您已将列表样式应用于列表项（li）而不是列表本身（ul）。

看到这个小提琴：http://jsfiddle.net/gwcoffey/7YQy9/

或者将您的代码更改为：

#access ul { list-style:none!important; list-style-type:none!important; list-style-position:outside; }

Answer 3

在子菜单中显示的不是列表样式，它实际上是一个伪类，这个属性在每个子菜单之前添加带'content'的点。

找到此属性

#access ul li li a:before {content: "·";}

并将其替换为

#access ul li li a:before {content: "";}