在vue项目中为了让样式私有化，我们可能给 style 标签加上 scoped 属性。这样当前组件中的样式就不会对其他组件的样式早成影响了，但是这带来了一个新的问题，就是 Element UI 的样式不易修改。

我们先看一下 el-input-number 组件的按钮样式。

可以看到使用scoped 属性后， el-input-number 组件的 div 标签上多了自定义属性 data-v-xxxxx 。

当我们直接写 el-input-number__increase 的样式时，你查看控制台 ELements 下 类名为el-input-number__increase 标签的 Styles 样式，会发现没有加上！

所以我们得想办法给他加上。

可以看到使用 >>> 操作符后，我们的类名 el-input-class 后加上了 [data-v-xxxxxx] ，样式生效。