几大类样式优先级
1、继承样式(无优先级)
<view class="c1">
<span>span text</span>
</view>
span中的样式会继承view中定义的所有的样式,一但span中有自己的样式就会覆盖从view中继承的样式
2、通配样式

*星号定义通配样式,引用样式文件的所有标签均可用,标签如有自己的样式也会覆盖通配样式中相同的属性值
3、标签样式

以系统标签命名的样式即适用于文件中该类标签,标签如有自己的样式……同上
4、class样式


5、id样式

#id1 {……}
6、style样式

样式看完了,上硬菜,对以上六种样式做优先级讲解
1、继承样式 无优先级
2、*通配样式 优先级 0
3、div样式 优先级 0,0,0,0
4、.class类样式 优先级 0,0,1,0
5、#id样式 优先级 0,1,0,0
6、style样式 优先级 1,0,0,0
排序:6>5>4>3>2>1
以你为到这里就结束了吗,不不不,还有一种样式修饰符【 !important】严重声明

如果在属性后面加上【!important】,那就是代表这个属性无可替代,以加了【!important】修饰的为准
网友评论