The problem with the style depth parser of vue

ide/scoped-css.html-sharpmixing-local-and-global-styles" rel=" nofollow noreferrer "> https://vue-loader.vuejs.org/.

the description of this address I read

roughly means
< style scoped >
< / style >

the CCTV that the current style cannot cover the subcomponents is that the attribute data-v-xxxxx
will not appear on the subcomponents. The solution is > deeply parsed

I used the following to find that the parsing was wrong

this is how my code is written

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

but it parses like this

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


I wonder what I"m supposed to do.

Apr.03,2021

/deep/
Menu