比如，颜色皆为 blue ，我们来做个小测试： 示例代码 [www.dedecms.com] p.red { color: red } p.green { color: green } p.blue { color: blue } 示例代码 [www.dedecms.com] p class=red green blueSample text. dedecms.com/p p class=green blue redSample text. dedecms.com/p p class=blue red greenSample text. dedecms.com/p 请问，第二个显示为 red ，看上去应该凭据应用样式的顺序来决定颜色，也就是蓝色，最终显示的时候。www-36ab-com

这是因为最后界说的 color:green 将之前界说的 red 笼罩掉了，比如下面这个例子： 示例代码 [www.dedecms.com] p { color: red; background: yellow } p { color: green } 以上的段落最终将泛起绿色的字体。

其实这是错误的，第三个显示为 green ，尽管每个段落都以差别顺序应用了三个 p 样式，因此它照旧有效的，最后界说的 CSS 样式将会笼罩在其之前界说的所有已经存在、或与之斗嘴的样式，第一个显示为 blue 。