!important和js設置css的優先級誰高?
!important和js設置css的優先級誰高?
梵蒂岡之花
2019-02-25 13:15:07
TA貢獻1805條經驗 獲得超9個贊
當在一個樣式聲明中使用一個!important 規則時,此聲明將覆蓋任何其他聲明。雖然技術上!important與特異性無關,但它與它直接相關。使用 !important 是一個壞習慣,應該盡量避免,因為這破壞了樣式表中的固有的級聯規則 使得調試找bug變得更加困難了。當兩條相互沖突的帶有 !important 規則的聲明被應用到相同的元素上時,擁有更大優先級的聲明將會被采用。
一些經驗法則:
Always 要優化考慮使用樣式規則的優先級來解決問題而不是 !important
Only 只在需要覆蓋全站或外部 css(例如引用的 ExtJs 或者 YUI )的特定頁面中使用 !important
Never 永遠不要在全站范圍的 css 上使用 !important
Never 永遠不要在你的插件中使用 !important
請參考MDN:優先級 - CSS | MDN
舉報