html - 如何将任何给定的 CSS 重置为控件(当然)？

Question

在早期的 html 时代，元素符号列表是首要元素之一。现在我不能让这些元素符号出现在我的列表中，因为太多的 CSS 规则被否决了。我怎样才能强制重置以恢复我的子弹？

我试过了

<ul style="all:initial;">
<ul style="all:unset;">

但没有出现子弹。

<ul style="all:initial;list-style-type:circle;">
   <li>Para empezar una ....</li>
   <li>La seción caduca automaticamente ...</li>
   <li>Tras 3 intentos seguidos...</li>
</ul>

如果我将它们放在表单标签内的新空白 aspx 页面中并且没有 css 引用，这会起作用，但在我相当大的包含大量 CSS 引用的内容页面中则不起作用。

---

正如您所注意到的，我不是 CSS 专家；我从母版页/内容页模板中复制的样式，显然是它们不允许我获得我想要的元素符号列表。

Answer 1

你可以使用list-style: initial;

在下面的示例中，.classOuter 和 .classInner 的唯一原因是模拟继承样式的示例。

如您所见，list-style: initial; 恢复除第一个列表之外的列表。

.classOuter {
  list-style: none;
}

.classInner {
  list-style: none;
}

li{
  list-style: initial
}

<ul class="classOuter">
  <li class="classInner">Para empezar una ....</li>
  <li>La seción caduca automaticamente ...</li>
  <li>Tras 3 intentos seguidos...</li>
</ul>

要覆盖该类，您需要添加 !important 关键字:

.classOuter {
  list-style: none;
}

.classInner {
  list-style: none;
}

li{
  list-style: initial !important;
}

<ul class="classOuter">
  <li class="classInner">Para empezar una ....</li>
  <li>La seción caduca automaticamente ...</li>
  <li>Tras 3 intentos seguidos...</li>
</ul>