点评:当多class应用同一个元素时,后声明的class规则将覆盖先声明的,下面有个不错的示例,大家可以尝试操作下
如题,看例子:
KniHTML5中文学习网 - HTML5先行者学习网 KniHTML5中文学习网 - HTML5先行者学习网
<p class="style2 style1">Here gose the content....</p> KniHTML5中文学习网 - HTML5先行者学习网
KniHTML5中文学习网 - HTML5先行者学习网css文件中:
KniHTML5中文学习网 - HTML5先行者学习网 KniHTML5中文学习网 - HTML5先行者学习网
.style1 { color: red;} KniHTML5中文学习网 - HTML5先行者学习网
.style1 { color: blue;} KniHTML5中文学习网 - HTML5先行者学习网
KniHTML5中文学习网 - HTML5先行者学习网我原以为style1后添加, 最终应该应用的是style1的样式,即字体显示为红色。 可实际上却是显示了蓝色。
KniHTML5中文学习网 - HTML5先行者学习网KniHTML5中文学习网 - HTML5先行者学习网如此,只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序,而非添加到元素上的顺序。