列表样式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

不建议使用！非常重要。你可以像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

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

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