html5中文学习网

您的位置: 首页 > 网页制作 > css教程 » 正文

多class应用同一个元素时前后声明的class规则将会怎样_CSS教程_CSS_网页制作

[ ] 已经帮助:人解决问题
点评:当多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先行者学习网
如此,只能说明 浏览器解析样式时 是按规则在样式表中的声明顺序,而非添加到元素上的顺序。
(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助