微信小程序的样式权重

2023-06-21 41阅读

1. 内联样式:在组件内部使用style属性设置样式,权重最高,为1000。

2. ID选择器:在CSS中使用#符号进行选择,权重为100。

3. 类选择器:在CSS中使用.符号进行选择,权重为10。

4. 标签选择器:在CSS中写标签名进行选择,权重为1。

5. 继承:权重低于前面几种,但是会从父元素继承样式。

6. !important关键字:使用该关键字可以将样式的权重提升到最高,但是不建议滥用。

需要注意的是,微信小程序的样式权重和Web中的的CSS权重规则基本相同,除了对于内联样式的权重进行了特殊调整。开发者在编写小程序的样式时,应该遵循CSS规则,合理使用选择器,尽量减少!important关键字的使用,保证页面样式正确显示。

声明:你问我答网所有作品(图文、音视频)均由用户自行上传分享,仅供网友学习交流。若您的权利被侵害,请联系fangmu6661024@163.com