1、默认情况下 组件内的样式 对外部样式 没有影响
前提:组件内是class样式,不允许使用id选择器、属性选择器、标签选择器
2、外部样式 对 组件内部样式 的影响
(1) 外部class样式,只对外部 wxml的class影响,对内部组件不影响
(2) 外部使用id选择器,属性选择器不会对组件内产生影响
(3) 外部使用标签选择器,会对组件内产生影响
3、想要 外部样式 与 内部组件的样式 相互影响
在组件的.js文件中这样配置
Component({
options:{
// styleIsolation:"isolated",//不写默认isolated,是相互隔离的
// styleIsolation:"apply-shared"//apply-shared,只是外部样式影响组件内部样式
styleIsolation:"shared"//shared 外部样式和内部样式 互相影响
}
})