当前位置:   article > 正文

微信小程序之自定义组件样式和页面样式的隔离_微信小程序取消样式隔离

微信小程序取消样式隔离

大前提:class选择器       一般自定义组件的样式 (.wxss)和页面的全局样式(app.wxss)

是互相不影响的(如下图所表达的)

在app.wxss中定义的样式

在自定义组件中调用了app.wxss的样式,但是并没有什么字体颜色的变化,即没有起作用!

上面只是对class选择器具有隔离的作用

下图中,在app.wxss中使用了标签选择器,于是具有穿透性不具有隔离的作用,会影响到自定义组件中的标签!

即app.wxss中的     text{

                                                                       font-size: 25rpx;

                                           }  

会影响到自定义组件test中的样式 wxss

除了标签选择器,还有id 属性选择器都将会影响到自定义组件!!!

自定义组件的样式不是和页面之间有隔离吗!

通过下面的第二张图中的,两种方法中的任何一个,设置相应的参数(参数在下面的第一张图中)

就可以解除一定的隔离!

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/花生_TL007/article/detail/582188
推荐阅读
相关标签
  

闽ICP备14008679号