ul上的内联列表样式类型不会覆盖应用于所有ul标记的外部样式

时间:2013-10-01 11:24:51

标签: html css

我知道有很多次问同样的问题,但他们都没有回答我的问题

我在外部css中定义了以下样式

ul {list-style: none !important}

现在在我的html中我定义了以下

<ul style = "list-style-type:circle><li>hello</li></ul>

但这不起作用,但为什么呢?

Live Website Link

4 个答案:

答案 0 :(得分:2)

您的CSS中至少定义了ul {list-style: none !important}次。清理你的代码。

此外,这是一个可怕的使用!重要。像这样的全球锤子最终需要被覆盖太多次。

答案 1 :(得分:0)

尝试添加正文选择器body ul{list-style: none !importan;}

答案 2 :(得分:0)

你真的搞砸了CSS。使用!重要是最后的手段。 我建议修复这些东西,但如果不可能,请阅读这篇文章: http://css-tricks.com/specifics-on-css-specificity/

答案 3 :(得分:0)

如果在执行内联或外部CSS时不起作用,那么为什么不为ul,li,a创建新类或使用javascript更改列表样式onload =“”

ul {list-style-type:none;}
<ul><li>hello</li></ul>

ul.circle {list-style-type:circle;}
<ul class="circle"><li>hello</li></ul>