关于!important

来源:3-35 层叠性和选择器权重计算

mewolmewo

2021-01-19 14:21:07

请问为什么很多公司不建议使用!important,可能会带来什么样的问题?谢谢

写回答

1回答

好帮手慕夭夭

2021-01-19

同学你好,因为!important破坏了样式表中固有的级联规则(如样式优先级,选择器权重规则),如果滥用,不便于我们开发网站和调试样式。例如如下:


http://img.mukewang.com/climg/6006822a0918b65505240391.jpg

假如我们设置公共样式的时候,让所有span为红色字体。后续想要li中的span为粉色字体。如果按照选择器权重来讲,上面第二个选择器权重大,那么span应该是粉色。但因为!important打破了权重规则,会让设置!important的样式优先级更大,所以最终粉色无法生效,如下图:

http://img.mukewang.com/climg/600682cd095d216002250099.jpg

所以在实际开发中,偶尔用一下是可以的,不要滥用就行哦。

祝学习愉快~



0

0 学习 · 15276 问题

查看课程

相似问题