javascript - vue.js的元件樣式用了scoped後可以無顧忌地使用!important嗎。
大家讲道理
大家讲道理 2017-05-18 10:54:09
0
5
801

想著用了scoped後組件間的樣式不會相互影響,那麼當我覆蓋組件庫中組件的樣式時,在我當前組件中使用!important是否合理(因為組件庫裡頭組件的樣式嵌套層數深,用更深的層次總覺得不如用!important來得簡單)求大神指點

#
大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(5)
曾经蜡笔没有小新

建議盡量不要用!important,用了開發一時爽,後期維護不那麼如意了.組件模板外層套一個class,權值足夠用了.

大家讲道理

強烈建議不要使用!important, 另外嵌套也盡量少用,會影響性能,我情願多寫幾個類

漂亮男人

scoped已經對組件進行了唯一限制,使用important也只會影響該組件內的內容,用不用都無所謂了

刘奇

scoped就是對組件內的css加上一個隨機前綴.. 所有受到那個隨機前綴影響的css都可以放心使用!important

世界只因有你

!impotant不到萬不得已, 不要用. 實在是個危險的東西.

雖然scoped已經限制了樣式只對組件內元素生效, 但是同一個組件內也可能出問題, 比如一個體積比較大的組件, 你用了!important, 以後擴展, 修改, 維護的時候就可能會出事兒. 畢竟時間一長, 自己就忘了這檔子事兒啦.

當然, 你要說你肯定忘不了, 就是要important, 那也可以. 只是要無故多寫幾個字符, 好痛苦呀. 像我這種平時多寫個分號都要滿地打滾兒的,受不了. 多加個!important就是10個字元, 五個位元組, 2億次訪問就浪費了一個G的流量. 多浪費呀, 是不是. :)

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板