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#混用本地和全局样式]
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步