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

Html ul上的内联列表样式类型不会覆盖应用于所有ul标记的外部样式,html,css,Html,Css,我知道同样的问题已经被问过很多次了,但是没有一个能回答我的问题 我在外部css中定义了以下样式 ul {list-style: none !important} 现在在我的html中,我定义了以下内容 <ul style = "list-style-type:circle><li>hello</li></ul> 尝试添加body选择器body ul{list style:none!importan;}您在CSS中至少定义了三次ul{list s

我知道同样的问题已经被问过很多次了,但是没有一个能回答我的问题

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

ul {list-style: none !important}
现在在我的html中,我定义了以下内容

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

尝试添加body选择器
body ul{list style:none!importan;}
您在CSS中至少定义了三次
ul{list style:none!important}
。清理你的代码


而且,这是一个可怕的使用!重要的。像这样的全局重锤最终需要被覆盖太多次。

你真的把CSS搞砸了。使用!重要的是最后的手段。 我建议您解决这些问题,但如果不可能,请阅读本文:

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

ul{列表样式类型:无;}
  • 你好
    • ul.circle{列表样式类型:circle;}
      • 你好

list style type
css属性用于
li
元素,而
list style
css属性用于
ul
元素。如果您在检查器中看到代码,则
ul{list style:none!importan;}
在其ul中处于活动状态。所以它不会改变任何东西。我已经删除了它,现在它只在一个文件中,但仍然不工作。取出
!重要信息
来自任何地方。即使在CSS中有一次,也会覆盖内联样式声明。
ul {list-style-type:none;}
<ul><li>hello</li></ul>

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