小程序 -修改子组件样式
1.组件JS中添加
options: {
styleIsolation: 'apply-shared',
}
2.在.WXSS文件中添加
:host {
display: block;
}
3.父页面用 view 包裹子组件 设置 class = “class1”,在父页面的.WXSS文件中修改样式
//这里类嵌套不用像HTML的CSS要用 “>”
.class1 要修改的子组件类(.xxx){
color: red;
}
或者
要修改的子组件类(.xxx){
color: red !important;
;
;
}