链接的CSS样式定义小窍门
<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;}
.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;}
a.style:visited{color:#FFF;}
a.style:hover{color:#FFF;}
a.style:active{color:#FFF;}
相关文章本文标签： CSS
本文作者：漫游
文章标题： 链接的CSS样式定义小窍门
本文地址：http://www.roammemo.com/html5/45.html
版权声明：若无注明，本文皆为“漫游的备忘录”原创，转载请保留文章出处。
本文地址：http://www.roammemo.com/html5/45.html
版权声明：若无注明，本文皆为“漫游的备忘录”原创，转载请保留文章出处。
漫游的备忘录
标签
链接