css 深度选择器/deep/

在vue+element-ui时会遇到无法修改element-ui样式问题

当style设置为scoped的时，所写的样式对子组件且元素是遍历出来时，样式是不生效的，如果希望样式对子组件也生效，可以使用 /deep/ 深度选择器。

模板

<el-checkbox-group v-model="selForm.classification">
       <el-checkbox v-for="(item,idx) in selArr.classification" :key="idx" :label="item.name" :name="item.value"></el-checkbox>
</el-checkbox-group>

css样式

.classification {
    height: auto;
    overflow: hidden;
    .el-checkbox-group {
      .el-checkbox {
        margin-right: 15px;
        //  /deep/  解决样式穿透的问题
        /deep/ .el-checkbox__input {
          display: none;
        }
      }
    }
  }

这是一个案例，如何隐藏复选框。