html - CSS:重置样式表中定义的样式

Question

我需要一个简单的 <hr/>在扩展默认页面的页面中(我使用的是 Django 模板框架)；在此默认页面中，一个标准且不可更改的样式表样式 HR 带有 border:none; height:1px但我想将这些样式重置为其默认值。

我试着把 {border:1px inset; height:auto;}在我的页面中，但我没有得到与完全没有样式相同的方面。

是否有恢复标签默认样式的方法？

Answer 1

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

例如，如果规则是这样的:

 hr {
   /* rules */
 }

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

html hr {
  /* your rules */
}

分数是根据这些基本规则计算的:

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

(实际上比这个复杂一点 - 详情请参阅 this article - 但这个解释作为一般规则起作用)

编辑:

我刚刚看到您关于不知道默认值的评论。

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

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

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