CSS：在不可触摸的样式表中定义的重置样式

Question

我在页面中需要一个简单的<hr/>来扩展默认值（我正在使用Django模板框架）;在此默认页面中，标准且不可触摸的样式表样式HR与border:none; height:1px样式但我想将这些样式重置为其默认值。

我尝试将{border:1px inset; height:auto;}放在我的页面中，但我没有得到与完全没有风格相同的方面。

是否有方法可以恢复标记的默认样式？

Answer 1

为了使您的规则适用，您需要确保为规则提供比现有规则更大的特异性，以便覆盖它。

例如，如果规则如下：

 hr {
   /* rules */
 }

然后你需要做这样的事情：

html hr {
  /* your rules */
}

分数由以下基本规则计算：

• 元素，如div值得一分
• 类，如.comment等值10分
• ID，如#user123值100分
• 选择器的总分是其所有部分的总和，因此div.class值为11（.class为10，div为1

（实际上有点复杂 - 请参阅this article了解详细信息 - 但这种解释可作为一般规则）

修改

我刚刚看到你对不知道默认值的评论。

根据Firebug，hr看起来像这样：

 hr {
   height: 0;
   width: 100%;
   border: 1px solid #808080;
   margin: 8px 0;
 }

您可以使用其他浏览器中提供的工具来查看他们是否使用了不同的样式集，然后自行决定哪些样式最适合使用。

Answer 2

尝试YUI 2 Base CSS，似乎正在做你想做的事。甚至是YUI 3 Base CSS

有可能仅为certain context

“恢复”默认样式

<强>更新 刚检查 - Base CSS不包含hr元素的样式

Answer 3

HTML文档的默认样式表（没有任何覆盖）由W3C定义。您可以在此处找到完整的默认样式表：http://www.w3.org/TR/CSS2/sample.html

或者，您可以在Firefox（或任何类似工具）中使用Firebug来查看测试页面上<hr />元素的样式，而不应用任何样式。

Answer 4

当然，你需要给你的风格更大的重量;为你的＆lt;添加一个id hr /＆gt;，或在CSS中执行此操作：

 html body hr { ... your styles ... }

Answer 5

没有。您必须首先不应用样式，或使用显式值覆盖每个损坏的样式。

Answer 6

您还可以使用!important属性为您的样式赋予更多权重。如果原件是这样的：

.someClass { color: red }

您可以使用以下方式覆盖它：

.someClass { color: green !important}