最近在編寫網頁時,發現有一個很奇怪的問題,就是無法改變文字的顏色。經過一番調查發現,原來是CSS出了問題。
p{ color: red; }
上面這段CSS代碼,其實很簡單,就是想讓所有的段落文字顏色變成紅色。但是實際情況卻不是這樣。在瀏覽器中,無論怎么改變CSS里的顏色值,都不會影響網頁的文字顏色。
經過查找資料,發現問題出在了瀏覽器的默認樣式上。瀏覽器默認樣式一般會覆蓋頁面中的CSS樣式,導致文字顏色無法改變。
解決這個問題其實也很簡單,只需要使用CSS的!important屬性即可強制改變文字顏色。
p{ color: red!important; }
加上!important之后,瀏覽器就會執行這個樣式,而不是默認樣式。這樣就可以成功改變文字的顏色了。
總的來說,這個問題雖然看似簡單,但是在實際編寫網站時還是會遇到,需要加入!important屬性來解決。
上一篇dw導入外部css文件
下一篇css旋轉案例