解决 Vue 项目中使用 iView 组件库设置样式不生效的问题

有时候我们使用iview 组件库样式达不到需要的效果我们可以通过重写对应的CSS样式，来达到效果，但是有时候，我们不管是怎样写，他就是不生效，我们可以使用下面的方法，贼暴力。

找到要设置样式的类名，直接按照下面写法设置就可以了！(这里用的是vue 的 less-loader 插件)
/deep/ 深度选择器

在写一些vue项目时候，经常会引入一些组件。无论是自定义组件还是引入的外部组件。
style标签上都有scoped属性。防止影响到其他页面上的样式。但是又是需要在父组件更改自组件的样式。就要用到组件穿透（也叫深度修改css）。
可用的方法有 /deep/ ::v-deep >>>

<style lang="less" scoped>
  @deep: ~'>>>';
  @{deep}.ivu-tooltip-inner {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    text-align: center;
    line-height: 16px;
    font-weight: 400;
    max-width: 250px;
    min-height: 28px;
    padding: 5px 10px;
    color: #fff;
    text-decoration: none;
    background-color: rgba(70,76,91,.9);
    border-radius: 4px;
    box-shadow: 0 1px 6px rgba(0,0,0,.2);
    white-space: nowrap;
  }
  </style>

这里，笔者是后端工程师，并不做过多深究 ^ . ^