<div class="style">

<a href=#>xxxxx</a>

</div>

一般定义链接的样式是这样：

.style a{color:#FFF;}

.style a:link{color:#FFF;}

.style a:visited{color:#FFF;}

.style a:hover{color:#FFF;}

.style a:active{color:#FFF;}

但是这样会出现一些问题，例如全局样式中把链接定义为黑色，那么上面那个div里面的链接就都是黑色而不是白色了。

我们可以这样写：<a href=#><font color=white>xxxxx</font></a>，但这样对SEO有一定的影响，解决办法如下：

<div>

<a href=# class="style">xxxxx</a>

</div>

配合如下样式：

a.style:link{color:#FFF;}

a.style:visited{color:#FFF;}

a.style:hover{color:#FFF;}

a.style:active{color:#FFF;}