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
}

Answer 2

只是因为颜色，你看不到它，但它是可见的。您在第3行的“http://yourdomain.com/wp-content/themes/ProPhoto_10/style.css”所有“a：link，a：visited”都有预定义的颜色（#EEE）和所有链接继承那种颜色，所以如果你想改变你的小部件的颜色，然后添加另一种颜色，如

.widget ul li a:link, .widget ul li a:visited {
  display: block;
  text-decoration: none;
  color: #333; /*or whatever you want*/
}

它位于同一档案的第345行。

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

2 个答案: