Firefox中的链接颜色

时间:2013-08-20 08:32:41

标签: css firefox colors hyperlink

我正在更改网页中链接的颜色。 CSS:

a:link, a:visited, a:active {
  color: #009900 !important;
  text-decoration: none;
}

a:hover {
  background-color: #009900;
  color: #ffffff !important;
  text-decoration: none;
}

.lemmas a:link, a:visited, a:active {
  color: #014e68 !important;
  text-decoration: none;
}

.lemmas a:hover {
  background-color: #014e68;
  color: #ffffff !important;
  text-decoration: none;
}

.feel a:link, a:visited, a:active {
  color: #ff3300;
  text-decoration: none;
}

.feel a:hover {
  background-color: #ff3300;
  color: #ffffff !important;
  text-decoration: none;
}

链接仅使用最后一种颜色着色,即在Firefox中分配给类feel的颜色。在Internet Explorer中,颜色显示完美。问题在哪里?

1 个答案:

答案 0 :(得分:2)

我认为这些选择器:

.lemmas a:link, a:visited, a:active {}
.feel a:link, a:visited, a:active {}

应该是这样的:

.lemmas a:link, .lemmas a:visited, .lemmas a:active {}
.feel a:link, .feel a:visited, .feel a:active {}

如果没有,:visited:active伪类将应用于所有访问和活动链接。