vue style 深度作用选择器 '>>>' '/deep/' '::v-deep'

Vue style 深度作用选择器

作用：修改UI库中的默认样式

1. »>

   <style scoped>
   >>> .el-table--small .el-table__cell {
       padding: 6px 0;
   }
   >>> .el-table--small {
       font-size: .8rem;
   }
   </style>
   

2. /deep/

   <style scoped>
   /deep/ .el-table--small .el-table__cell {
       padding: 6px 0;
   }
   /deep/ .el-table--small {
       font-size: .8rem;
   }
   </style>
   

3. ::v-deep

   <style scoped>
   ::v-deep .el-table--small .el-table__cell {
       padding: 6px 0;
   }
   ::v-deep .el-table--small {
       font-size: .8rem;
   }
   </style>