深度选择器

大佬原博

另一大佬原博

在编译组件的时候，如果当前组件内style标签上有scoped属性，那么会在当前所有标签上添加一个【data-v-hash】属性，而当前样式表内的所有末尾选择器后面也会加上该属性，那么就使得当前组件内的样式只会作用于当前组件内的元素。

1、>>>:只作用于css

  .allfunctions-container >>> .el-upload-list {
    margin-bottom: 50px;
  }

2./deep/:作用域sass less css,注意：vue-cli3以上版本不可以

 .bid-securityfund-container /deep/.el-table-filter__bottom button:hover {
    color: #42989f;
  }

3、::v-deep 如果使用了预处理器都可以使用

  ::v-deep .el-table th.el-table__cell > .cell.highlight {
    color: #42989f;
  }