覆盖单个元素的css样式

Question

对于项目中的ol, ul, li，我有list-style: none。

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

我这样做

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

但它不起作用

Answer 1

只有更改;才会有效，因为您可以看到here

您需要为li元素指定CSS：

.disc { list-style: disc; }

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

Answer 2

应该如下修正，

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

1. ！important是CSS规则的一部分。所以它应该放在之前 ＆＃34 ;;＆＃34;
2. list-style应该应用于li元素，而不是ul

Answer 3

我会定义一个在ul上使用的类，它在li元素上设置所需的样式。只需在list-style元素的ul属性上设置style即使!important也无效，因为li的更高级别定义优先。请记住，!important 不意味着子元素“更强烈地”继承该属性。

.disc li { list-style: disc; }

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

此方法可避免必须在每个list-style个元素上设置li。