如何用类覆盖我网站的链接颜色？

Question

我在覆盖网站的默认链接颜色时遇到了一些麻烦。尝试查找类似的问题，但我仍然碰到了一堵砖墙。

这就是我定义的基本链接颜色：

a:link, a:visited, a:hover { color: #0279aa }

这是我对特定元素的样式覆盖。

a:link.slideshow-navigate { 
  background : #37ab4f;
  color : #fff;
}

我已将我的链接定义如下：

<a href="#" class="slideshow-navigate">Link name</a>

但是，我的链接颜色仍然显示为#0279aa而不是#fff。我想尽量避免使用“！important”。

真的很感激任何帮助！提前致谢。

Answer 1

那应该是

a.slideshow-navigate{
    background : #37ab4f;
    color : #fff;
}

<强> DEMO

Answer 2

这样做：

a.slideshow-navigate
    {
        color:#fff;
    }

Answer 3

您可以使用

执行此操作

a:link:not[href^="http"]{

background : #37ab4f;
  color : #fff;
}

不需要在每个链接中添加一个类

这将设置所有内部链接并避免外部链接 从http开始。