萬盛學電腦網 >> 網頁制作 >> DivCSS教程 >> css中style和class的加載順序示例介紹
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的屬性！
DivCSS教程排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved