我需要一个简单的<hr/>
在扩展默认样式的页面(我使用Django模板框架);在这个默认页面中,标准和不可触及的样式表样式HR与border:none; height:1px
但我想重置这些样式为其默认值。CSS:在不可触摸的样式表中定义的重置样式
我试过把{border:1px inset; height:auto;}
放在我的页面中,但是我没有得到与没有任何样式相同的方面。
有没有方法可以恢复标签的默认样式?
我需要一个简单的<hr/>
在扩展默认样式的页面(我使用Django模板框架);在这个默认页面中,标准和不可触及的样式表样式HR与border:none; height:1px
但我想重置这些样式为其默认值。CSS:在不可触摸的样式表中定义的重置样式
我试过把{border:1px inset; height:auto;}
放在我的页面中,但是我没有得到与没有任何样式相同的方面。
有没有方法可以恢复标签的默认样式?
W3C定义了HTML文档的默认样式表,没有任何覆盖。您可以在此处找到完整的默认样式表:http://www.w3.org/TR/CSS2/sample.html
或者,您可以在Firefox(或任何类似工具)中使用Firebug在未应用任何样式的测试页上查看<hr />
元素的样式。
当然,你需要给你的风格更大的重量;添加ID到您的<小时/>,或在CSS中做到这一点:
html body hr { ... your styles ... }
号要么你有没有在第一时间应用样式,或覆盖每一个破碎的风格,明确的值。
为了使您的规则适用,您需要确保您给规则比现有规则更具体,以覆盖它。
例如,如果规则是这样的:
hr {
/* rules */
}
然后,你需要做这样的事情:
html hr {
/* your rules */
}
成绩都是由这些基本的规则计算:
div
值得一分.comment
价值10点#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;
}
您可以使用在其他浏览器中提供的工具,看看他们是否使用了不同的风格,然后自己决定哪些会是最好的使用。
当你重新解释特异性,最好注意分数不是基数10,10个元素选择器!= 1个类选择器。相反,它是一个足够高的基数,没有任何“分数”翻过来 – Gareth 2010-12-16 15:25:58
@Gareth:老实说,我从来没有学过特异性*实际*的作品。我认为这是一个有争议的问题,因为如果你有一个给定类型的选择器,你可能会做一些非常错误的事情。 – AgentConundrum 2010-12-16 15:28:26
@Gareth:我添加了一个解释特异性的链接,比我写的更详细。 – AgentConundrum 2010-12-16 15:44:04
尝试YUI 2 Base CSS,似乎是在做你想做的。甚至YUI 3 Base CSS
只有一个certain context
更新为“恢复”默认样式的可能性 刚才检查 - 基本CSS不包括人力资源元素的样式
我已经在使用Django和jQuery ...但是,你的提示很有用 – Don 2010-12-16 16:34:42
您也可以给你的使用!important
属性设置更多的权重。如果原来是这样的:
.someClass { color: red }
你可以用这个替代它:
.someClass { color: green !important}
我知道,但我不知道这是缺省值边境和高度... – Don 2010-12-16 15:10:03