悬停时超链接消失

Question

我有一些超链接的问题，这几天一直困扰着我。在我使用this template 的this site（Joomla 和 Virtuemart）上，我在右上角有四个超链接（Καλάθι、Σύνδεση、Λογαριασμός 和Γνώμες Πελατών），当我将它们悬停时它们消失了！

我使用了您在this template 上看到的菜单图标菜单，您可以在其中看到“产品导览”和“立即获取”超链接，效果很好。通过查看 CSS，我无法找到为什么我的超链接在悬停它们时会获得背景颜色。我的特定部分的 CSS 是：

/* =============== MENU - TOP MENU =============== */
ul.menu-topmenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul.menu-topmenu li {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}
ul.menu-topmenu li a {
    padding: 14px 5px;
    color: #999;
    display: block;
}

ul.menu-topmenu li a span {
    display: block;
}
ul.menu-topmenu a:active {
    color: #fff !important;

ul.menu-topmenu a:hover {
    color: #ccc !important;
}

但即使我使用了！重要的词，它似乎也不起作用。

谁能看到这是怎么回事？ 提前谢谢你

Answer 1

它们并没有消失，它们只是在改变颜色。将此添加到您的 CSS：

ul.menu-topmenu li a:hover, ul.menu-topmenu li a:active, ul.menu-topmenu li a:focus {
    color: red;
}

您的模板也很有可能内置了颜色选择器。尽可能避免自定义样式以减少开发和维护工作。

另外，请熟悉浏览器的文档检查器。它将使这类事情的故障排除变得简单。