!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計算圓周率

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。