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/
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e44072-4373b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e44072-4373b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?