无法覆盖设置以在无序列表中的项目上显示项目符号

问题描述:

我正在Wordpress网站上使用Pagelines主题。无法覆盖设置以在无序列表中的项目上显示项目符号

默认覆盖会隐藏项目符号并调整边距和填充。

我一直在调试Firebug。找到了CSS。重新定义UL元素和LI元素的样式我想要显示项目符号。他们仍然无法工作。

该网站网址为http://royalaire.com/site/

的违规名单是在侧边栏,在导航链接嵌套列表。

我想要第二级缩进项目项目符号。

默认定义为:

.widget ul.children li.page_item { 
    list-style-type: disc; 
} 

任何想法:

.widget ul li ul li { 
    margin-left: .03em; 
} 
.widget ul li { 
    display: block; 
    font-size: 0.95em; 
    list-style: none outside none; 
    padding 0 2px; 
} 

我用下面的尝试?

+0

您是否使用萤火虫或网页检查器进行过确保,您尝试添加的规则未被别人覆盖? – kirilloid 2012-04-07 20:46:51

+0

@kirilloid,是的。我的代码是正常的,原来有删除线。 – mike 2012-04-07 22:30:58

我不是一个CSS专家,我很难弄清楚你为那个列表写了哪些定义,但我知道在样式定义之后添加!important将确保它覆盖所有父定义。请尝试:

.widget ul.children li.page_item {list-style-type: disc !important;} 
+1

任何向CSS声明添加'!important'变体都不是IMO的答案。 – 2012-04-07 21:26:17

+0

我知道,我同意,但我只是建议它,以便提问者可以使用它来确定他是否与正确的选择器一起工作。我应该更加重视这一点。 – MarioDS 2012-04-07 21:40:21