vue样式覆盖深度

在项目使用element-UI中, 有时候会需要用到覆盖原有样式, 但是全局样式不起作用, 只能通过深度作用选择器

style为css 时写法

   .a >>> .b {
      width:100%;
    }

style为css的预处理器(scss, less sass) 时写法

/* /deep/  ang="less"使用 */ 
/deep/ .el-card {
 border: 0;
 } 
::v-deep .el-menu {
 margin-bottom: 5px;
 }

推荐使用::v-deep , 因为/deep/在某些时候会报错, ::v-deep更保险并且编译速度更快.