蓝色和紫色默认链接,如何删除？

Question

这是我导航中的一个链接:

<li><a href="#live-now" class="navBtn"><span id="navLiveNow" class="white innerShadow textShadow">Live Now</span></a></li>

我的css中也有以下内容:

a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; }
a:hover, a:active { text-decoration: none; }

但链接仍然显示在可怕的蓝色/紫色访问/悬停html默认值.我究竟做错了什么？

Answer 1

你需要覆盖颜色:

a { color:red } /* Globally */

/* Each state */

a:visited { text-decoration: none; color:red; }
a:hover { text-decoration: none; color:blue; }
a:focus { text-decoration: none; color:yellow; }
a:hover, a:active { text-decoration: none; color:black }