一、深度作用选择器（ >>> ）

通过 >>> 可以使得在使用scoped属性的情况下，穿透scoped，修改其他组件的值

<style scoped>
.box >>> .content {
  font-size:20px;
}
</style>

二、/deep/ 预处理器less下使用

深度选择器/deep/与>>>作用相同

<style scoped lang="less">
.select {
     /deep/ .ivu-card-body {
        width: 100%;
      }
    }
</style>

=================

所以我们也可以在less下另类调用>>>，如下：

// 采用的less的转义和变量插值
<style scoped lang="less">
@deep: ~'>>>';
.select {
     @{deep} .ivu-card-body {
        width: 100%;
      }
    }
</style>