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

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