html中局部超链接样式设置怎么弄？

<style type="text/css">
<!--默认页面链接->
a:link { color: #CC3399; text-decoration: none}
a:visited { color: #FF3399; text-decoration: none}
a:hover { color: #800080; text-decoration: none}
a:active { color: #800080; text-decoration: none}

<!--自定义链接样式2-->
a.two:link { color: #CC99CC; text-decoration: none}
a.two:visited { color: #FF0000; text-decoration: none}
a.two:hover { color: #606060; text-decoration: none}
a.two:active { color: #606060; text-decoration: none}

<!--自定义链接样式3-->
a.three:link { color: #00FFFF; text-decoration: none}
a.three:visited { color: #00FFFF; text-decoration: none}
a.three:hover { color: #FF3399; text-decoration: none}
a.three:active { color: #FF3399; text-decoration: none}

<!--自定义链接样式4-->
div.div a:link { color: #004000; text-decoration: none}
div.div a:visited { color: #00FFFF; text-decoration: none}