小程序 -修改子组件样式

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;
;

}