!important 做用

时间 2019-11-11

标签 important 繁體版

原文原文链接

语法：

Selector{sRule!important;} html

说明：

提高指定样式规则的应用优先权。

IE6及如下浏览器有个比较显式的支持问题存在，!important并不覆盖掉在同一条样式的后面的规则。请看下述代码：
示例代码： 前端
```
div{color:#f00!important;color:#000;}
```
在上述代码中，IE6及如下浏览器div的文本颜色为#000，!important并无覆盖后面的规则；其它浏览器下div的文本颜色为#f00 web
IE6及如下浏览器要使!important生效，可用如下代码：
示例代码： 浏览器
```
div{color:#f00!important;}
div{color:#000;}
```
在上述代码中，IE6及如下浏览器中div的文本颜色表现与其它浏览器一致，都为#f00 spa

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>!important_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), dooyoe@gmail.com, www.doyoe.com" />
<style>
.test{color:#f00!important;color:#000;}
.test2{color:#f00!important;}
.test2{color:#000;}
</style>

1. CSS !important做用
2. !important的用法及做用（转）
3. Important Time
4. height:auto !important;
5. Hive 优化（important）
6. CSS权重;慎用!important
7. CSS中important的用法
8. !important 和 * ----hack
9. What is important ?
10. JSBinding + SharpKit / Important Notes
更多相关文章...
• Maven Web 应用 - Maven教程
• XML 用途 - XML 教程
• Composer 安装与使用
• 使用Rxjava计算圆周率