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”。

任何帮助将不胜感激！提前致谢。

score 4 · Accepted Answer

4

应该是这样的

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

于 2013-03-12T11:18:33.527 回答

score 0 · Accepted Answer

0

做这个：

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

于 2013-03-12T11:20:25.007 回答

score -2 · Accepted Answer

你可以这样做

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

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

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

这将为所有内部链接设置样式，并避免从http.

3 回答 3