样式穿透样式穿透三种方式 1、使用 css 时可以用 >>> 进行样式穿透使用方法：外层类 >>> 想要修改类名 {

样式穿透三种方式

1、使用 css 时可以用 >>> 进行样式穿透

使用方法：外层类 >>> 想要修改类名 { 修改样式 }

.box  >>>.el-tag--warning {
         color: #e6a23c;
         }
复制代码

2、使用 scss, less 时，可以用 /deep/ 进行样式穿透

使用方法：外层类 /deep/ 想要修改类名 { 修改样式 }

.box /deep/ .el-form-item__label{
      font-size: 36px;
      line-height: 60px;
    }
复制代码

3、在vue中，使用 /deep/ 可能会报错，这时可以使用通用样式穿透 ::v-deep

使用方法： ::deep 想要修改类名 { 修改样式 }

::v-deep .el-tag--warning{
        color: #e6a23c;
      }