多class应用同一个元素时前后声明的class规则将会

当前位置 : 首页 > 网页制作 > CSS > 多class应用同一个元素时前后声明的class规则将会

多class应用同一个元素时前后声明的class规则将会

来源: 作者: 时间:2015-11-04 11:06
当多class应用同一个元素时,后声明的class规则将覆盖先声明的,下面有个不错的示例,大家可以尝试操作下
当多class应用同一个元素时,后声明的class规则将覆盖先声明的,下面有个不错的示例,大家可以尝试操作下
如题,看例子:

复制代码
代码如下:

<p class="style2 style1">Here gose the content....</p>

css文件中:

复制代码
代码如下:

.style1 { color: red;}
.style1 { color: blue;}

我原以为style1后添加, 最终应该应用的是style1的样式,即字体显示为红色。 可实际上却是显示了蓝色。

如此,只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序,而非添加到元素上的顺序。
Tag:
网友评论

<