Html 覆盖单个元素的css样式

对于项目中的

ol、ul、li

，我有

列表样式：none

但在一个地方，我需要指定列表的标记。我怎么做

我是这样做的

<ul style="list-style: disk; !important">
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

---

但它不起作用

应该按如下方式进行更正

<ul>
  <li style="list-style: disc !important">...</li>
  <li style="list-style: disc !important">...</li>
  <li style="list-style: disc !important">...</li>
</ul>

!！重要是CSS规则的一部分。所以它应该放在 “；”

列表样式应应用于li元素，而不是ul

---

仅更改

将不起作用

您需要为
li
元素指定CSS：

.disc { list-style: disc; }

<ul>
    <li class="disc">1</li>
    <li class="disc">2</li>
    <li class="disc">3</li>
</ul>

.disc{list style:disc；}

1
2
3

我将定义一个用于
ul
的类，它在
li
元素上设置所需的样式。简单地在
ul
元素的
style
属性上设置
列表样式
将不起作用，即使
！重要信息
，因为将优先使用
li
的更高级别定义。记住
！重要信息
不表示子元素“更强烈地”继承属性

.disc li{列表样式：disc；}






这种方法将避免必须在每个
li
元素上设置
列表样式。
！重要信息
应转到值（在本例中为
；
之前）。尽管如此，我不会采取这种方法；我会专门为这个元素创建一个新类。放
在末尾，2
disc
not
disk
它仍然不工作，这意味着您以前在css中的li元素上声明过它。为什么这里需要
重要
？因为如果样式表中有类似
li{list style:none！important}
的内容。
.disc li { list-style: disc; }

<ul class="disc">
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>