當我們在使用CSS的時候,有時候會發現對某個元素設定的樣式不起作用。這時,就可能是由于CSS權重不夠造成的。那么,怎么樣加大CSS權重呢?下面,我們來看一些方法。
方法一:使用更具體的選擇器 有時候我們會發現,某個元素設置的樣式被其他樣式給覆蓋了。這時,我們可以使用更具體的選擇器來解決問題。比如,我們可以在原來的選擇器前加上該元素的父級或祖先元素的class名或id。 方法二:使用!important 在某些情況下,我們想讓某個樣式一定要生效,那么我們可以使用!important。例如: p { font-size: 16px!important; } 該樣式會一定生效,即使在同一元素上有其他樣式存在。 方法三:內聯樣式 我們可以為某個元素直接在其內部設置樣式,而不是在CSS文件中。例如: <p style="color:red;">我是一段紅色文字。</p> 這樣,就可以保證該樣式一定生效,即使CSS文件中有其他樣式存在。
總的來說,我們在CSS編寫過程中,應該盡量避免權重不夠的問題,盡量使用具體的選擇器以及避免使用!important。但是,在確實必須使用的情況下,以上方法仍然是可行的。
上一篇css按鈕設置陰影效果
下一篇css按鈕全部屬性