Vue 项目部署出现css样式失效的解决方案

解决方案1:

你的问题就是css权重问题 如果相同权重可能存在引入顺序问题

简单粗暴解决办法 
1： 如果是单页面 写入index.html里面 
2：直接修改源码的css 很简单~~~
3：加个！important

 

 

解决方案2:

main.js中引入的顺序，是否和下面一样：

1.  import 'element-ui/lib/theme-chalk/index.css'
2.  import App from './App.vue'

如果相反，那么element-ui的样式会覆盖自定义的样式。