2010-12-16 62 views
0

我需要一个简单的<hr/>在扩展默认样式的页面(我使用Django模板框架);在这个默认页面中,标准和不可触及的样式表样式HR与border:none; height:1px但我想重置这些样式为其默认值。CSS:在不可触摸的样式表中定义的重置样式

我试过把{border:1px inset; height:auto;}放在我的页面中,但是我没有得到与没有任何样式相同的方面。

有没有方法可以恢复标签的默认样式?

回答

1

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

或者,您可以在Firefox(或任何类似工具)中使用Firebug在未应用任何样式的测试页上查看<hr />元素的样式。

0

当然,你需要给你的风格更大的重量;添加ID到您的<小时/>,或在CSS中做到这一点:

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

我知道,但我不知道这是缺省值边境和高度... – Don 2010-12-16 15:10:03

0

号要么你有没有在第一时间应用样式,或覆盖每一个破碎的风格,明确的值。

4

为了使您的规则适用,您需要确保您给规则比现有规则更具体,以覆盖它。

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

hr { 
    /* rules */ 
} 

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

html hr { 
    /* your rules */ 
} 

成绩都是由这些基本的规则计算:

  • 元素,如div值得一分
  • 类,像.comment价值10点
  • IDS,像#user123是值得100点
  • 选择器的总得分是所有部分的总和,所以div.class值得11(10用于.class和1为div

(它实际上比这更复杂一些 - 看到this article的细节 - 但这种解释可以作为一个一般的规则)

编辑:

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

据Firebug的,一个hr似乎是这样的:

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

您可以使用在其他浏览器中提供的工具,看看他们是否使用了不同的风格,然后自己决定哪些会是最好的使用。

+0

当你重新解释特异性,最好注意分数不是基数10,10个元素选择器!= 1个类选择器。相反,它是一个足够高的基数,没有任何“分数”翻过来 – Gareth 2010-12-16 15:25:58

+0

@Gareth:老实说,我从来没有学过特异性*实际*的作品。我认为这是一个有争议的问题,因为如果你有一个给定类型的选择器,你可能会做一些非常错误的事情。 – AgentConundrum 2010-12-16 15:28:26

+0

@Gareth:我添加了一个解释特异性的链接,比我写的更详细。 – AgentConundrum 2010-12-16 15:44:04

2

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

只有一个certain context

更新为“恢复”默认样式的可能性 刚才检查 - 基本CSS不包括人力资源元素的样式

+0

我已经在使用Django和jQuery ...但是,你的提示很有用 – Don 2010-12-16 16:34:42

0

您也可以给你的使用!important属性设置更多的权重。如果原来是这样的:

.someClass { color: red } 

你可以用这个替代它:

.someClass { color: green !important}