用uniapp开发微信小程序，使用深度选择器有的页面失效，有的页面生效,大家有这样的问题吗
2***@qq.com
- 发布：2022-04-22 21:24
- 更新：2022-04-24 01:16
- 阅读：2284
微信小程序的深度选择器
分类：uni-app
1 个回复
2***@qq.com (作者)
版本： HbuilderX 3.4.7.20220422
场景：
|- components
| -- child.vue
| -scss.vue
scss.vue作为页面使用了child.vue组件，child.vue组件使用了uview组件，
然后分别在scss.vue设置：
<style scoped lang="scss">
/deep/.u-checkbox-group {
border: 1px solid yellow;
}
</style>
child.vue
<style scoped lang="scss">
/deep/.u-checkbox-group {
border: 1px solid blue;
}
</style>
最后是scss.vue中的样式生效了，
貌似只能在页面级别的去定义第一层组件child中还有第二层组件uview的样式，
最后解决：
自定义test的className名字 ， 引用<child class=”test“>
在scss.vue设置：
<style scoped lang="scss">
.test /deep/.u-checkbox-group {
border: 1px solid yellow;
}
</style>