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的樣式會覆蓋自定義的樣式。