国产成人精品亚洲777人妖,欧美日韩精品一区视频,最新亚洲国产,国产乱码精品一区二区亚洲

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - CSS優(yōu)先級(jí)問題

瀏覽:184日期:2023-06-21 18:16:43

問題描述

一直在說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是無效的。

標(biāo)簽: CSS
相關(guān)文章:
主站蜘蛛池模板: 抚州市| 新化县| 应用必备| 荔浦县| 伊宁县| 吉隆县| 陕西省| 调兵山市| 永州市| 牡丹江市| 蚌埠市| 宝山区| 宣恩县| 武夷山市| 呼伦贝尔市| 八宿县| 咸宁市| 永嘉县| 岳普湖县| 土默特右旗| 泉州市| 探索| 崇礼县| 仙桃市| 邻水| 天津市| 襄城县| 台中县| 化德县| 巴中市| 丹阳市| 峨眉山市| 房产| 扎兰屯市| 个旧市| 南川市| 海淀区| 杭州市| 博乐市| 临沭县| 九台市|