1. 内联样式:在组件内部使用style属性设置样式,权重最高,为1000。
2. ID选择器:在CSS中使用#符号进行选择,权重为100。
3. 类选择器:在CSS中使用.符号进行选择,权重为10。
4. 标签选择器:在CSS中写标签名进行选择,权重为1。
5. 继承:权重低于前面几种,但是会从父元素继承样式。
6. !important关键字:使用该关键字可以将样式的权重提升到最高,但是不建议滥用。
需要注意的是,微信小程序的样式权重和Web中的的CSS权重规则基本相同,除了对于内联样式的权重进行了特殊调整。开发者在编写小程序的样式时,应该遵循CSS规则,合理使用选择器,尽量减少!important关键字的使用,保证页面样式正确显示。