css - 除非将鼠标悬停在链接上，否则看不到链接？

Question

我的网站有问题 http://noahsdad.com ;如果您查看我安装在最底部的小部件，除非将鼠标悬停在链接上，否则您看不到链接。这不仅发生在这个小部件上，如果有意义的话，我放入的几乎所有小部件都会对它们产生“阴霾”。

我想知道是否有人可以帮助我弄清楚发生了什么，以及如何纠正它。

谢谢。

Answer 1

链接是可见的，它们只是设置为浅灰色。您在 default.css 文件中定义了这些规则:

a:link, a:visited {
  color: #EEEEEE;
}

a:hover {
  color: #999999;
}

您可以更改标准链接颜色的值，或者创建具有更高特异性的新规则，以便只有该小部件中的链接受到影响。

#dsq-combo-widget a {
  color: #999;
}

更新

您还没有为您的新样式指定颜色:

.widget ul li a:link, .widget ul li a:visited {
    display: block;
    text-decoration: none;
    color:  #999;  <-- Add this
}