css在同一个大括号内是让firefox优先认领,也就是说只有在同一括号内定下两个样式的时候ie不得不忽略掉它,而不是像网上大多介绍的那样直接忽略。其实!important还有保护的作用,在任何需要保护的属性后面插入它可以避免被基于特性的属性覆盖。例如:#nav a{color:red;} a{color:teal !important},通常,一个带有id名#nav的元素里的一个链接会变设设位红色,因为这个#nav a比标签样式具体的多,但因为包含了!important,以为则会这个属性永远胜出。
这样,对!important的理解也就更深入了。
哦,这样叫!important才对么。
另再补充下css的优先级,!important>标签选择器>类选择器>id选择器>行内样式
<HTML>
<HEAD>
<style>
#nav a
{
color:red;
}
a
{
color:teal !important;
color:blue;
}
</style>
</HEAD>
<BODY>
<div id="nav">
<a href="http:www.163.com">Test1<a>
</div>
<div>
<a href="http:www.163.com">Test2<a>
</div>
</BODY>
</HTML>
<HEAD>
<style>
#nav a
{
color:red;
}
a
{
color:teal !important;
color:blue;
}
</style>
</HEAD>
<BODY>
<div id="nav">
<a href="http:www.163.com">Test1<a>
</div>
<div>
<a href="http:www.163.com">Test2<a>
</div>
</BODY>
</HTML>