如何去掉超链接的下划线？

<style>
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none;}
</style>
<a href="#">如何去掉超链接的下划线</a>