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