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

解决方案1:

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

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

解决方案2:

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

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

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

你可能感兴趣的:(vue,vue)