超链接a保留文字颜色，不用链接颜色
在网页中，给文字加上超链接后，文字通常以超链接的颜色显示，如果想让文字保留原来的颜色，应该如何定义CSS？可能有人会说，把超链接的颜色定义为原来的颜色不就行了，这是一种方法，对静态文字来说没有任何问题，但用CSS3做文字变色的动画就行不通了，一旦用上超链接的颜色，文字变色效果就没有了，所以必须保留文字原来的颜色。
在CSS中，有些属性有none的取值，表示不用任何样式，而颜色color属性没有none这个取值，所以不能像有none取值的属性一样定义。然而，color的取值中除颜色外还一个继承的取值inherit，把color定义为inherit后，文字就会保留原来的颜色。
超链接a保留文字颜色，不用链接颜色举例
html代码：
<ul class="aul">
<li><a href="">使用超链接颜色的文字</a></li>
<li class="ali"><a href="">保留原文字颜色超链接</a></li>
</ul>
<style type="text/css">
a{color:#0992f1; text-decoration:none;} a:hover{color:#f13009;}
.aul{line-height:26px; list-style:none; color:#363534;}
.aul li.ali{}
.aul li.ali a{color:inherit;}
</style>
效果：
从效果中可以看出，第一行的文字使用定义的超链接的颜色，第二行文字使用文字原来的颜色，即 ul 的 CSS 样式中定义的颜色。以上的CSS，把文字颜色定义为原来的颜色的只有 .aul li.ali a{color:inherit;} 这一句，.aul li.ali{} 只是起限制作用，定义过 ul li 的某一个li为一种单独的颜色应该都熟悉。
使超链接文字保留原来的颜色后，再也不会影响CSS3中文字的变色动画效果，可让文字在多种颜色之间变来变去，呈现五彩缤纷的效果。