<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
/**
1.所有的A标签,且class为yangshi的管用
因为font-size没有定义,所以会继承1.里面的定义。
*/
a.yangshi:link{color:red;text-decoration:none}
a.yangshi:hover{color:green;text-decoration:underline}
a.yangshi:active{color:red;text-decoration:none}
/**
2.所有的A标签都管用
*/
a:link{color:red;text-decoration:none;font-size:20px}
a:hover{color:blue;text-decoration:underline;font-size:20px}
a:active{color:red;text-decoration:none;font-size:20px}
/**
3.父标签为yangshi1的,子标签为A的标签才管用
*/
.yangshi1 a:link{color:red;text-decoration:none;font-size:14px}
.yangshi1 a:hover{color:yellow;text-decoration:underline;font-size:14px}
.yangshi1 a:active{color:red;text-decoration:none;font-size:14px}
</style>
</HEAD>
<BODY>
<div><a href="#" class="yangshi">超链接</a></div>
<div><a href="#" >超链接2</a></div>
<div class="yangshi1"><a href="#" >超链接3</a></div>
</BODY>
</HTML>