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