css3 - CSS優(yōu)先級(jí)問題
問題描述
一直在說important的優(yōu)先級(jí)最高，可是下面的結(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)過變化以后，在同一個(gè)class內(nèi)部確實(shí)是最高的，我原本以為無論在哪里，只要加上important就會(huì)是最高的優(yōu)先級(jí)，結(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這個(gè)屬性不會(huì)被繼承
就是說你給body的字體顏色設(shè)置了!important，
如果子元素沒有設(shè)置其他字體顏色，就會(huì)繼承 body的顏色，但是這個(gè)繼承跟!important沒有關(guān)系。
如果子元素設(shè)置了其他字體顏色，就會(huì)以設(shè)置的字體顏色來顯示。
回答3：謝邀！
!important 提升的是指定樣式規(guī)則應(yīng)用優(yōu)先級(jí)，關(guān)鍵在于指定二字，好好感受一下。
而對(duì)于你前者的示例很明顯不屬于這個(gè)范圍內(nèi)。
另：
color: green !important;color: pink;
這種寫法在IE6是無效的。
相關(guān)文章：
1. 關(guān)docker hub上有些鏡像的tag被標(biāo)記““This image has vulnerabilities””2. docker-compose中volumes的問題3. boot2docker無法啟動(dòng)4. nignx - docker內(nèi)nginx 80端口被占用5. docker安裝后出現(xiàn)Cannot connect to the Docker daemon.6. dockerfile - 為什么docker容器啟動(dòng)不了？7. docker容器呢SSH為什么連不通呢？8. node.js - antdesign怎么集合react-redux對(duì)input控件進(jìn)行初始化賦值9. java - SSH框架中寫分頁時(shí)service層中不能注入分頁類10. 關(guān)于docker下的nginx壓力測(cè)試
網(wǎng)公網(wǎng)安備