css样式的覆盖优先级

1. 当使用body元素应用样式时（body{color:green;}），其他元素都会继承此body元素，比如文本会是绿色；

<style>
body{
color:green;
}</style>
<h1>你的文本</h1>
<p>你的段落</p>

2. 在之前的基础上，当我们创建一个使文本变成蓝色的CSS
   class(.text1{color:blue;})，并应用到一个元素时，新建的class会覆盖body元素的color:green,所应用颜色为蓝色；

<style>
body{
color:green;
}
.text1{
color:blue;
}
</style>
<h1 class="text1">你的文本</h1>
<p>你的段落</p>

3. 多个class处理样式覆盖：当我们再在.text1{color:blue;}的后面创建一个CSS class(.text2{color:gray;})时，并且同时应用到同一个元素，.text1将会被.text2覆盖，此时被应用元素颜色为灰色；（因为浏览器是从上到下读取CSS,所以后面那个起作用）

<