最近某些網站的字體顏色改不了,這是怎么回事呢?
p { color: red !important; }
上面的代碼看起來沒有問題啊,為什么改不了呢?
其實這是因為有可能在該網站的CSS文件中,有些選擇器的權重比我們的高,導致我們的樣式被覆蓋掉了。此時,使用!important可以提高樣式的權重,但是這樣做并不推薦,因為它會覆蓋掉所有的其他樣式。
另外一種方法是使用復合選擇器或者更明確的選擇器來改變樣式,這樣就可以避免權重的問題。
.headline p { color: red; }
這個復合選擇器的意思是只有在類名為headline的元素下面的p標簽才會被設置顏色。
總的來說,我們需要弄明白樣式權重的問題,用更準確的選擇器來修改樣式。避免使用!important。