vue 樣式穿透問題
vue項目中樣式使用scss時,對於需要穿透的樣式,使用 >>> 穿透可能會不生效,解決辦法也很簡單:
將
<style lang="scss" scoped>
.a >>> .b {
font-size: 24px;
}
</style>
修改為:
<style lang="scss" scoped>
.a /deep/ .b {
font-size: 24px;
}
</style>
或者
<style lang="scss" scoped>
.a ::v-deep .b {
font-size: 24px;
}
</style>
官方地址[https://vue-loader.vuejs.org/zh/guide/scoped-css.html#混用本地和全局樣式]
