css中style和class的加载顺序示例介绍
style和class的加载顺序到底谁先谁后，谁又会覆盖谁，在接下来的示例中将为大家详细介绍下，希望对大家有所帮助
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<meta name="author" content="Administrator" />
<!-- Date: 2013-10-09 -->
<style type="text/css" media="screen">
.aa{
cursor: wait;
color: #f00;
}
</style>
<script type="text/javascript">
function clickD(obj){
//obj.style.color = "#f00";
//obj.style.cursor = "wait";
obj.className = "aa";
}
</script>
</head>
<body>
<div onclick="clickD(this)" style="cursor: pointer">点击了试一下</div>
</body>
</html>
这样的写法，不会覆盖style的cursor属性，以style中的属性为最后结果！
用注释中的写法，会覆盖掉style的属性！
本文网址：https://www.dedexuexi.com/divcss/jc/1546.html
本站部分文章搜集与网络，如有侵权请联系本站，转载请说明出处。
标签：技巧
