javascript - Kann !important ohne Bedenken verwendet werden, nachdem Scoped im Komponentenstil von vue.js verwendet wurde?

Question

Angesichts der Tatsache, dass sich die Stile zwischen den Komponenten nach der Verwendung von „scoped“ nicht gegenseitig beeinflussen, ist es sinnvoll, !important in meiner aktuellen Komponente zu verwenden, wenn ich die Stile der Komponenten in der Komponentenbibliothek überschreibe (da die Stile der Header-Komponenten in (Die Komponentenbibliothek ist tief verschachtelt.) Ich habe immer das Gefühl, dass die Verwendung tieferer Ebenen nicht so einfach ist wie die Verwendung von !important)Bitte geben Sie mir einen Rat

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的流量. 多浪费呀, 是不是. :)