微信小程序全局样式局部样式

文章讨论了CSS中选择器的特异性(specificity)概念,解释了全局样式(app.wxss)和局部样式(index.wxss)的覆盖规则。通常,局部样式会覆盖全局样式,但通过nth_child选择器可以提高特定元素的优先级,使其保持全局样式的应用,例如,当一个view的优先级被设置为1时,即使有局部样式的颜色定义,该view的颜色仍会显示全局样式定义的橘色,而非绿色。
摘要由CSDN通过智能技术生成

这是我新开设的一篇专栏

selector  选择器

specificity  特异性,特征,专一性

全局样式:在app.wxss中设置的

局部样式:在index.wxss中设置的

上面图片中的selector specificity 相当于一个优先级,一般情况下 ,局部样式中设置的颜色会覆盖掉全局样式中设置的颜色!但是通过上图中的nth_child 改变了全局样式中的某个view项的优先级为1,数字越大优先级越高,那么对于这一项,局部样式的颜色不会覆盖全局样式对于之一想的设置!

 

 

 

 比如上面的这张图view中的第3项设置的优先级为1,因此局部样式的绿色不会覆盖掉全局样式中的橘色!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值