css3 - CSS優(yōu)先級問題
問題描述
一直在說important的優(yōu)先級最高，可是下面的結(jié)果是粉色的，貌似important并沒有什么卵用
<head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>示例</title> <style> body { color: green !important; } .pink-text { color: pink; } </style></head><body> <h1 class='pink-text'>Hello World!</h1></body>
但是經(jīng)過變化以后，在同一個class內(nèi)部確實(shí)是最高的，我原本以為無論在哪里，只要加上important就會是最高的優(yōu)先級，結(jié)果并不是這樣
<head> <meta http-equiv='Content-Type' content='text/html; charset=utf-8'> <title>示例</title> <style> .pink-text { color: green !important; color: pink; } </style></head><body> <h1 class='pink-text'>Hello World!</h1></body>
問題解答
回答1：你的文字是在 pink-text 上的，一旦 pink-text 設(shè)定了 color，color 值就不是繼承，就沒 body 什么事
回答2：!important這個屬性不會被繼承
就是說你給body的字體顏色設(shè)置了!important，
如果子元素沒有設(shè)置其他字體顏色，就會繼承 body的顏色，但是這個繼承跟!important沒有關(guān)系。
如果子元素設(shè)置了其他字體顏色，就會以設(shè)置的字體顏色來顯示。
回答3：謝邀！
!important 提升的是指定樣式規(guī)則應(yīng)用優(yōu)先級，關(guān)鍵在于指定二字，好好感受一下。
而對于你前者的示例很明顯不屬于這個范圍內(nèi)。
另：
color: green !important;color: pink;
這種寫法在IE6是無效的。
相關(guān)文章：
1. java - ehcache緩存用的是虛擬機(jī)內(nèi)存么？2. javascript - JS如何取對稱范圍的隨機(jī)數(shù)？3. 數(shù)據(jù)庫 - mysql如何處理數(shù)據(jù)變化中的事務(wù)？4. java - mongodb分片集群下，count和聚合統(tǒng)計問題5. 關(guān)于docker下的nginx壓力測試6. 為什么我ping不通我的docker容器呢？？？7. android - java 泛型不支持?jǐn)?shù)組，那么RxJava的Map集合有什么方便的手段可以定義獲得一串共同父類集合數(shù)據(jù)呢？8. javascript - 有什么兼容性比較好的辦法來判斷瀏覽器窗口的類型？9. java - 自己制作一個視頻播放器，遇到問題，用的是內(nèi)置surfaceview類，具體看代碼！10. javascript - nidejs環(huán)境設(shè)置操作一直出現(xiàn)這種問題怎么解決？
網(wǎng)公網(wǎng)安備