前端打包发布到线上后display:flex失效的问题

今天遇到一个问题就是display:flex失效了，在自己本地以及在别人本地都是正常的，打包到线上之后就失效了，f12调试发现，display属性没了

出现这个问题的原因是代码经过打包之后元素的优先级变低或者被覆盖掉

可以通过增加    !important   解决

也可以通过增加类名的方式，通过多个类名，精准定位到该元素