html样式优先级

几大类样式优先级

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

按优先级：前端优先读取正序。正规规范优先倒序。

style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。

延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

<style type="text/css">这样属于第二读取方式。直接写在对应的页面。

延伸阅读：每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

<link type="text/css" href=" 引用CSS文件 第三级。这全局引入.

延伸阅读：全局CSS。可以分离代码及外部引入，简单快捷。也是现在都在用的。

---