IE中，给一个HTML元素同时指定多个class时，样式是怎么确定的

最新推荐文章于 2022-07-20 16:20:58 发布

rainbow702

最新推荐文章于 2022-07-20 16:20:58 发布

阅读量4.1k

点赞数

本文链接：https://blog.csdn.net/rainbow702/article/details/50517326

版权

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
	.wrappertop2{color:blue;}
	.wrappertop{color: red;}
	
	.wrappertop3{color:red;}
	.wrappertop4{color: blue;}
</style>
<title>新增消息</title>

</head>
<body>
		<div class="wrappertop wrappertop2">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop2 wrappertop">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop3 wrappertop4">
			<div class="title">消息名</div>
		</div>
		<div class="wrappertop4 wrappertop3">
			<div class="title">消息名</div>
		</div>
</body>
</html>

结果如下图，由此可见，在<style>中后声明的样式是最终效果，而与 class="" 中式样的顺序无关

大小: 4.4 KB

查看图片附件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

rainbow702

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
IE中，给一个HTML元素同时指定多个class时，样式是怎么确定的

.wrappertop2{color:blue;} .wrappertop{color: red;} .wrappertop3{color:red;} .wrappertop4{color: blue;}新增消息消息名消息名消息名消息名结果如下
复制链接

扫一扫