為什么在瀏覽器中寫的一些樣式會被畫上刪除線


https://blog.csdn.net/sinat_35030910/article/details/53002568

背景

在寫CSS樣式的時候,發現我們寫的CSS樣式在瀏覽器並沒有實現,打開開發者工具查看元素發現我們寫的CSS樣式上有一條刪除線

可能的原因

1.該樣式的寫法已經被摒棄,但是瀏覽器一般還是會顯示出你寫的樣式

2.你寫的樣式被相同的樣式給覆蓋了(可能是后面的樣式,也可能是前面的樣式)

 

具體分析其中一種情況

 

CSS中的!important 關鍵字

如果一個樣式后被賦予該關鍵字的話,那么瀏覽器將只顯示這處的樣式,不管在其后面會不會任仍然有該樣式

!important 就是將該出的樣式強制性地定義為老大,不管其CSS選擇器是不是最低級的標簽

嘿,沒錯,!important 就是這么牛,它就是最強外掛

但是同一種樣式可以有多處被賦予!important 關鍵字

這時,就要體現!important 的謙讓原則了

那就是先出生的要讓着后出生的

這很容易理解,先出生的就是哥哥,后出生的就是弟弟,哥哥總是要讓着弟弟的

所以,當有相同樣式有多處都出現了!important 關鍵字,后面的會覆蓋前面的

 

相關鏈接

http://www.w3cplus.com/css/the-important-css-declaration-how-and-when-to-use-it.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM