vue中scoped穿透

vue中样式加scoped属性是为了保证组件样式不污染全局样式，所以只更改一个组件样式时必须加scoped属性

我一般使用/deep/进行穿透，一般是在要更改的组件外围加一个dom元素，一般是div

我遇到的是更改el-table中thead中多选框的样式

<div class="table_container">
  <el-table ref="personTable" :data="tableData">
    <el-table-column width="45" type="selection" />
  </el-table>
</div>

<style lang="scss" scoped>
  // .table_container是外层的div class元素，后面的是table中想要修改的样式,以/deep/分开
 .table_container /deep/ thead {
   .el-table-column--selection {
     .cell {
       display: none;
     }
   }
 }
</style>