javascript - vue.js的元件樣式用了scoped後可以無顧忌地使用!important嗎。

Question

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

#

Answer 1

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

Answer 2

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

Answer 3

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

Answer 4

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

Answer 5

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

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

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