當我們在 HTML 中使用內聯樣式來設置元素的樣式時,例如:
<div style="color: red;">我是一個紅色的 div</div>
然后對這個元素應用 CSS 樣式:
div { color: blue; }
你會發現,元素的字體顏色變為了藍色而不是原來的紅色。這是因為 CSS 樣式在應用時會覆蓋掉同名的內聯樣式。
那么怎樣才能讓 CSS 樣式覆蓋內聯樣式呢?
我們可以使用 !important 標記來使 CSS 樣式具有更高的優先級:
div { color: blue !important; }
這樣,無論內聯樣式設置的是什么顏色,這個 div 的字體顏色都會是藍色。
另外,也可以通過組合選擇器來增加 CSS 樣式的優先級,例如:
div#myId { color: blue; }
在這個例子中,我們通過給 div 元素添加 id 屬性來限定這個樣式適用的范圍,因此其優先級比僅僅使用 div 選擇器的優先級要高。
需要注意的是, !important 標記可能會讓樣式難以覆蓋和維護,因此應該盡量避免濫用。
上一篇ajax提交多個list
下一篇ajax提交后臺返回數據