css !important
在css样式中主要是为了实现css代码的优先级别,主要写在样式规则之后:
比如说: {color:#fff!important;}.
一般css里面的优先级别规则都是按级层覆盖 然而使用
!important
可以改变
优先
级别为最高。
这打破了我们之前覆盖平衡,优先于正常的css规则。
这个标记在我们的浏览器中也出现了
css hack
,最重要的一点是:IE 6.0一直都不支持这个语法,而其他的浏览器都支持。
因此我们也可以通过这个标记编写不同浏览器的css代码:
<style type="text/css">
div
{
background
:
yellow !important
;
background: green
}
</style>
在ie7,ie8,firefox,chrome等新版本内核浏览器下都能正确的显示背景颜色为黄色,然而ie6却会显示为绿色。
从这个例子中我们也可以知道这是ie6的一个最早出现的css hack,平常我们可以这样区别。
在下面的背景颜色中我们会看到显示为红色:
<style type="text/css">
div
{
background
:
blue
;
background
:
red !important
;
}
</style>
通过例子我们可以看出只要
!important
标记
在谁的样式后面,它的级别一定是最高的。
其实并不是ie6.0不识别
!important标记
,在上面我们在同一标记中定义,所以ie6.0不支持,其实我们可以通过重定义代码让ie6.0支持
!important
标记
。
上面的第一个例子我们可以这样写:
<style type="text/css">
div
{
background
:
yellow !important
;}
div {background: green}
</style>
我们可以看到在 ie6中背景颜色也显示为黄色。
比如说: {color:#fff!important;}.