av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

css3 - CSS優先級問題

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

問題描述

一直在說important的優先級最高,可是下面的結果是粉色的,貌似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>

但是經過變化以后,在同一個class內部確實是最高的,我原本以為無論在哪里,只要加上important就會是最高的優先級,結果并不是這樣

<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 設定了 color,color 值就不是繼承,就沒 body 什么事

回答2:

!important這個屬性不會被繼承

就是說你給body的字體顏色設置了!important,

如果子元素沒有設置其他字體顏色,就會繼承 body的顏色,但是這個繼承跟!important沒有關系。

如果子元素設置了其他字體顏色,就會以設置的字體顏色來顯示。

回答3:

謝邀!

!important 提升的是指定樣式規則應用優先級,關鍵在于指定二字,好好感受一下。

而對于你前者的示例很明顯不屬于這個范圍內。

另:

color: green !important;color: pink;

這種寫法在IE6是無效的。

標簽: CSS
相關文章:
主站蜘蛛池模板: 国产精品久久久久不卡 | 成人日韩| 精品综合| 精品久久久久久久 | av高清 | 亚洲免费影院 | 91久久精品国产91久久 | 成人伊人 | 国产成人免费视频网站视频社区 | 日韩欧美中文字幕在线观看 | 中文字幕精品一区二区三区精品 | 成人啊啊啊 | 97久久精品午夜一区二区 | 在线视频中文字幕 | 亚洲黄色高清视频 | 精品乱码一区二区三四区 | 黄色av免费网站 | 99tv成人影院 | 国产成人午夜电影网 | 国产成人jvid在线播放 | 丝袜美腿一区 | 亚洲日本激情 | 午夜私人影院 | 日韩影音| 欧美日韩久久精品 | 亚洲国产一区二区视频 | 久久精品无码一区二区三区 | 波多野结衣一区二区 | 亚洲欧美视频一区二区 | 盗摄精品av一区二区三区 | 黄色毛片免费视频 | 中文字幕亚洲一区二区va在线 | 国产日韩欧美 | 日韩福利 | 天天操狠狠操 | 精品中文字幕一区二区三区 | 国产精品久久久久久久久久久免费看 | 精品一区二区三区在线视频 | 天天玩天天干天天操 | 青青草原精品99久久精品66 | 久久在线精品 |