如何控制a:link, a:hover之类的css?

Question

a:hover{font-size:          10pt;
        color:              #ff0000;
        text-decoration:    none;}
a:active{font-size:            10pt; 
        color:              #FF9900; 
        text-decoration:    none;}
a:link{font-size:         10pt;
       color:              #4444ff;
       text-decoration:    underline;}

Answer 1

好像不能吧，有需要就写多个a:XXXX，然后就js就能控制了

Answer 2

那只好改它所属的css的class了<style type="text/css">
a:link {color:#FF0000}
a:visited {color:#FF0000}
a:active {color:#FF0000}
a:hover {color:#FF0000}a.green:link {color:#008000}
a.green:visited {color:#008000}
a.green:active {color:#008000}
a.green:hover {color:#008000}a.blue:link {color:#0000FF}
a.blue:visited {color:#0000FF}
a.blue:active {color:#0000FF}
a.blue:hover {color:#0000FF}</style><a href="xx.htm" id="link1">123456</a><input type=button value="普通(红)" onclick="document.getElementById('link1').className=''"><input type=button value="绿" onclick="document.getElementById('link1').className='green'"><input type=button value="蓝" onclick="document.getElementById('link1').className='blue'">

Answer 3

http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/obj_stylesheet.asp