在vue项目中，使用iview table ，想修改样式，从chrome浏览器中直接定位到要修改的样式，复制粘贴到自己vue的style scoped

但是并没有效果。因为scoped局部作用，避免全局污染，有一定的局限性

方法1：直接修改iview 原文本.css 或者在组件中<style ></style>直接全局修改（下下策）

方法2：自己在iview table中自定义一个class,在结合后代class选择器在进行定义样式

方法3：深度作用选择器（ >>> ）

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

方法4：/deep/ 预处理器less下使用

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

而最近谷歌浏览器对于/deep/貌似不太友好，控制台提示/deep/将要被移除。

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