一、样式层叠

当一个css样式发生冲突时，比如多处给一个字体设置了不同的颜色，这个时候就需要样式层叠了，它会进行三种比较

• 比较重要性
  重要性从高到低：
  1.带有 important 的作者样式（作者样式就是开发者写的样式）
  2.带有 important 的默认样式（默认样式就是浏览器的默认样式）
  3.作者样式
  4.默认样式
• 比较特殊性
  特殊性也被称为权重，由四位数组成(0,0,0,0),不能进位，由左向右比较，只有当前位相同的时候，才会比较后一位
  
• 比较源次序
  比较样式在代码中的顺序，后面的会覆盖前面的，当然也要搞清楚比较哪里的顺序

<!-- 不是比较这里的顺序 -->
<div class="home nav">111</div> 

//是比较这里的顺序，可以测试一下，你会发现字体颜色为red
.nav{color:pink
}
.home{color:red
}

**注意：**这三个比较也是顺序比较，只有当前比较是一样的时候，才会进行下一个比较，比如比较重要性时，都是作者样式，才会比较特殊性，如果一个是作者样式，一个是默认样式，就是默认样式的特殊性更高，一样会使用作者样式，因为并没有到比较特殊性的阶段