网页制作 
首页 > 网页制作 > 浏览文章

css中style和class的加载顺序示例介绍

(编辑:jimmy 日期: 2024/11/17 浏览:3 次 )

复制代码代码如下:
<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的属性!
上一篇:css中使input输入框与img(图片)在同一行居中对齐
下一篇:CSS中基代码base.css一览
一句话新闻
Windows上运行安卓你用过了吗
在去年的5月23日,借助Intel Bridge Technology以及Intel Celadon两项技术的驱动,Intel为PC用户带来了Android On Windows(AOW)平台,并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版,将Windows与安卓两大生态进行了融合,PC的使用体验随即被带入到了一个全新的阶段。