关于scoped

当加上scoped关键字时，重写element中组件的样式没有生效？去掉scoped就可以了

因为element中的样式是写在全局的，而vue默认全局样式覆盖局部样式，所以加了scoped关键字的话，局部分样式就被全局样式所覆盖了

解决办法：在组件中同时使用有作用域和无作用域的样式，在没有scoped属性的style标签中通过增加权重来修改样式，可以给父级元素增加id或者class来增加命名空间

或者如果希望scoped标签中的样式能够作用得更深，可以使用/deep/操作符，例如

.parentCssName /deep/ .libCssName{}

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 7,380评论 0赞 7
  • Vue:scoped与module的使用与利弊
    一个web应用是离不开html、css与js，其中css充斥的整个web项目中。css它有一个特定，它是全局的。这...
    午后一小憩阅读 9,854评论 3赞 12
  • Vue项目说明
    element-ui 文档 Vue项目接口文档地址 博客 session 和 cookie等 学什么？ 1 如何使...
    cj_jax阅读 9,395评论 0赞 10
  • VUE笔记
    准备工作 一、安装脚手架 1、安装vue脚手架，这是构建vue项目的工具-g为全局安装​ npm insta...
    不困于情阅读 6,727评论 0赞 3
  • 【译】CSS继承、层叠和全局作用域
    最近学习到CSS的继承属性，正好看到这篇文章，便将它翻译出来。作者的思想，在平时的项目中或多或少都有用过，但是从来...
    hershin阅读 4,453评论 0赞 1