vue中,使用scss后,樣式穿透失效的問題


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#混用本地和全局樣式]


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM