手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >css中style和class的加载顺序示例介绍
css中style和class的加载顺序示例介绍
摘要:test.aa{cursor:wait;color:#f00;}functionclickD(obj){//obj.style.color=...

<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" />

<>

<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>点击了试一下</div>

</body>

</html>

这样的写法,不会覆盖style的cursor属性,以style中的属性为最后结果!

用注释中的写法,会覆盖掉style的属性!

【css中style和class的加载顺序示例介绍】相关文章:

表单中Readonly和Disabled的区别详解

CSS中id和class的区别和用法

background和background-Color的区别介绍

CSS3制作loading加载动画效果代码

css的em/ex/px/pt(css长度单位)使用介绍

邮箱css加载失败怎么办

css中em px 区别你真的了解吗

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

实现CSS3中的border-radius(边框圆角)示例代码

用css实现十字的布局示例代码

精品推荐
分类导航