css之!important

    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">
    
<href="http:www.163.com">Test1<a>
  
</div>
  
<div>
    
<href="http:www.163.com">Test2<a>
  
</div>
 
</BODY>
</HTML>

 

posted on 2011-06-02 11:06  红叶林  阅读(205)  评论(0编辑  收藏  举报