后面的样式会覆盖前面的样式，这是程序的运行顺序。这里程序先运行红色，显示红色；然后再运行绿色，显示绿色，显然绿色把红色覆盖掉了，后面粉色又把绿色覆盖掉了，等到运行到要装饰的标签时，显示的是粉色。谁离待装饰的标签越近，就用谁的样式就像是你粉刷一块墙，先全部刷红色，再刷绿色，最后再覆盖一层粉色，不考虑色彩融合问题，最后是不是看到的是粉色呢~~~内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）在代码中的位置就相当于粉色>绿色>红色。内联样式表（在标签内部，离待装饰标签最近）> 嵌入样式表（在当前文件中，在二者之间）> 外部样式表（在外部文件中，离待装饰标签最远）

权值相同时，采用就近原则。有点类似冒泡那样往上读的。

我的理解是从内到外优先级依次降低，内联就比如在<p>里面设置这行代码的style，<p class="" color：>这个的优先级最高，再者是嵌入，在body里但在内联外，外部就是重新添加一个CSS文件，优先级最低，它的要求要在前面两者都没要求的时候才能实现。如有错误，请指点。

就近原则，最开始写的靠元素最远优先级最低，靠元素越近优先级越高，距离上内联最近，嵌入较远，外部最远。

就近原则