vue 的样式 深度解析器的问题

Question

https://vue-loader.vuejs.org/...

我看的这个地址的说明

大概意思就是
<style scoped>
</style>

当前样式不能覆盖子组件的央视 就是子组件上不会出现属性 data-v-xxxxx
给的解决方案就是 >>> 深度解析了

我用了下 发现解析错了

我的代码是这么写的

<style scoped>
.w900{
  width: 900px;
}
.w900 >>> .ivu-form-item-label{
    font-size: 12px!important;
}
</style>

但是解析出来却是这样的

.w900[data-v-994be1c8]{
  width: 900px;
}
.w900 >>> .ivu-form-item-label[data-v-994be1c8]{
    font-size: 12px!important;
}

很疑惑 这不是没解析么 我该怎么做了？

Answer 1

/deep/