列表样式CSS覆盖返回默认值

我想将这个css元素恢复到默认设置，但我不知道如何覆盖这些列表样式的css元素。它们在另一个样式表上，我无法更改，但我正在链接。如果你知道怎么做，请帮忙

ol li {
  list-style: decimal;
}
ol {
  list-style: decimal outside;
}

---

使用

！重要信息

，例如：

ol li {
  list-style: inherit !important;
}

ol {
  list-style: inherit !important;
}

---

我会尝试使用特殊性将li样式设置为您想要的任何样式。是否有可以挂接的父元素？例如，如果它是一个带有类容器的div，则执行如下操作：

.container ol li {
  /* whatever you want */
 }

---

这是不可取的使用！很重要，真的。你可以通过添加一个容器来实现chipcullen上面所说的，或者如果你想要一个简单的覆盖，不管发生什么，都可以实现，你可以这样做：

body ol {
  margin: 1em 0;
  padding: 0 0 0 40px;
}

body ol li {
  list-style-type: decimal;
}

我在其中输入的值应重置为浏览器默认值，并取自。

您可能需要：

ol li { display: list-item; }

---

我的意思是根据浏览器对OL和LiI的理解，默认值只会使用！作为最后手段很重要。它否定了可能产生意外后果的特定性，并使维护成为一场噩梦。从技术上讲，这并没有错，但这不是一个最佳实践。如果你澄清

，我将对此进行投票！重要信息

只应在这样的情况下使用，即您有一个无法更改的样式表，但必须覆盖它。事实并非如此。考虑：

按钮：活动{color:red；}按钮：第一个子{color:blue；}

。我希望所有活动按钮的文本为红色，但第一个按钮的文本通常应为蓝色。这两个选择器具有相同的特异性，只有规则顺序暂时决定结果（这很糟糕）。在这种情况下，我会放置

按钮：active{color:red！important；}

以避免选择器膨胀，因为我知道：active状态在这种情况下确实最重要。您需要使用一个具有最小特异性的选择器，该选择器仍然更强大。例如，

.my module ol li{…}

应该获胜