CSS+DIV设计实例不同色链接和其下划线

以下是引用片段：
<style type="text/CSS">
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
</style>
<a href="#"><span>111</span></a>

function Preview(obj)
{
var TestWin=open('');
TestWin.document.write(obj.value);
}
function copyCode(obj) {
var rng = document.body.createTextRange();
rng.moveToElementText(obj);
rng.scrollIntoView();
rng.select();
rng.execCommand("Copy");
rng.collapse(false);
}
function saveCode(obj) {
var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.writeln(obj.value);
winname.document.execCommand('saveas','','homepage.yesky.com.htm');
winname.close();
}
<style type="text/css">
a{ color:#333333; text-decoration:none;}
a:visited {color:#333333; text-decoration:none;}
a:hover { color:#FF0000; text-decoration:underline;}
a span { color:#333333;}
</style>
<a href="http://homepage.yesky.com/"><span>网页陶吧-把你的鼠标放上来看看</span></a><s cript language="javas cript">
var now = new Date();
document.write("<img src='http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime() + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>");
</s cript>
<nos cript>
<img src="http://counter.yesky.com/counter.shtml?CID=54197&AID=-1&refer=nos criptcounter&cur=nos criptcounter" border='0' width='0' height='0'/>
</nos cript>