html样式优先级

几大类样式优先级

1、继承样式（无优先级）

<view class="c1">

  <span>span text</span>

</view>

span中的样式会继承view中定义的所有的样式，一但span中有自己的样式就会覆盖从view中继承的样式

2、通配样式

*定义的样式

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

3、标签样式

标签名定义的样式

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

4、class样式

html 命名为c1的样式

5、id样式

html

#id1 {……} 

6、style样式

head中用shyle修饰的样式

样式看完了，上硬菜，对以上六种样式做优先级讲解

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】修饰的为准