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;
}

事实并非如此.考虑一下:`button:active {color:red; }按钮:第一个孩子{颜色:蓝色; }`.我希望所有活动按钮的文本都是红色,但第一个按钮的文本通常应该是蓝色.两个选择器具有相同的特异性,只有规则顺序暂时确定结果(这很糟糕.)在这种情况下,我将'button:active {color:red!important; 为了避免选择器膨胀,因为我知道:在这种情况下,活动状态确实是最重要的.http://jsfiddle.net/ygcYG/ (5认同)
我只会使用 !important 作为最后的手段。它否定了特异性，这可能会产生意想不到的后果，并使维护成为一场噩梦。这在技术上并没有错误，但这不是最佳实践。 (3认同)

Answer 2

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

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

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

我放入其中的值应重置为浏览器默认值，并取自normalize.css。