樣式覆蓋問題

最近做前端使用外源框架,需要對框架本身使用的樣式進行本地調適,這就涉及到了優先的問題。

一般,樣式寫在外部文件,然後引入外部文件。通過chorme控制檯的Element工具定位元素樣式,然後複製到外部樣式文件加以更改即可覆蓋原來的樣式,還可以使用 !important使某個css屬性的優先級提至最高級。但是,如果在元素上使用style重寫了樣式,那麼就以style屬性的值爲最高級,即時外部文件使用了!important也不行。

總結:

樣式按優先級從低到高的排序:外部樣式表 < 內部樣式表 < 內聯樣式  其中外部和內部樣式表,以加了 !important的爲最高級,但仍小於內聯樣式

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章