本地样式上传服务器后样式不生效？

本地运行样式

上传服务器部署后

为什么上传后的默认样式会覆盖我的样式，虽然可以通过！important解决，但是有些地方和我的逻辑冲突了

最好的解决方式就是在没给页面文件的根节点设置一个class名，页面所有的样式的前面都加上这个class名，或者在style标签里加上一个scope，限制样式生效的范围

一、你这可以在每个页面上设置scoped，这样每个页面都是单独的样式设置，编译混淆之后样式不会合并

<style lang="scss" scoped>
  .parent {
    color: #333;
  }
</style>

二、如何设置scoped不方便可以为每个需要设置一个class类名。

三、如何设置scoped之后，想修改UI框架内的样式，可以通过deep进行样式渗透修改

有问题你随时沟通

你如果用了saas，那么我建议你在类名前面加 deep 例如 /deep/ .a{}

或者你想覆盖哪个页面的css，那么你就在这个页面的<style>标下面在声明一个<style>标签写你想要的样式。

或者直接在index.html中引入一个link文件，引用一个你写好的css