背景:
最近谷歌升级到89.几的版本后,项目中有些样式失效了
出现场景解析:
1. 全局样式:加了/deep/后的样式会失效 =》实际上,全局样式,根本不需要使用deep来做样式穿透,全局样式只有优先级的问题,没有拿不到的问题
2. 局部样式:/deep/嵌套使用,会导致样式失效
// 这就是局部嵌套使用(scoped),会导致.c的样式失效
<style lang="scss" scoped>
.a /deep/ .b {
......
/deep/ .c {
....
}
}
</style>
// 这就是全局使用(无scoped),会导致.b的样式失效
<style lang="scss">
.a /deep/ .b {
......
}
</style>