kk7521
kk7521
采纳率100%
2021-01-14 11:43

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

已采纳

本地运行样式

上传服务器部署后

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

4条回答

  • csdn_chengpeng 程鹏; 4月前

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

    点赞 1 评论 复制链接分享
  • zmyalh 认识则是有缘 4月前

    <style lang="scss" scoped></style>把scoped去掉就好了

    点赞 1 评论 复制链接分享
  • qq_38880700 越来越好。 4月前

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

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

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

    具体参看这篇文章 https://blog.csdn.net/qq_38880700/article/details/90401590

    点赞 1 评论 复制链接分享
  • weixin_44675537 码上登堂 4月前

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

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

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

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

    有问题你随时沟通

    点赞 1 评论 复制链接分享

相关推荐