List-Style CSS覆盖回默认值

Question

我想将此css元素恢复为默认设置，我无法弄清楚如何覆盖这些列表样式的css元素。他们在另一个样式表上，我无法改变，但我正在链接。如果你知道如何，请帮忙。

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

Answer 1

使用!important，例如：

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

ol {
  list-style: inherit !important;
}

Answer 2

不建议使用！important，真的。您可以通过添加容器来完成chipcullen上面所说的内容，或者如果您想要一个无论什么都可以工作的简单覆盖，您可以执行以下操作：

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

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

我放在那里的值应重置为浏览器默认值，并取自normalize.css。

Answer 3

您可能需要：

ol li { display: list-item; }

Answer 4

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

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