html - 为什么我在 :hover tag? 上有这种奇怪的 CSS 行为

Question

我正在处理的自定义主题有问题:http://www.asper-eritrea.com/

问题是，当您将鼠标移到链接(例如帖子的标题)上时，它会将颜色更改为黄色，因此文本看起来不可见。

发生这种情况是因为它使用了这个 CSS 设置(我使用 FireBug 看到了它):

.widget-sidebar ul li a, a:hover {
    color: #f1b000;
}

但是为什么要使用这个 CSS 设置呢？这不是包含在列表中的链接，列表本身包含在具有 widget-sidebar

类的元素中

我该如何解决这个问题？

谢谢

Answer 1

逗号分隔完整 选择器。您的代码相当于:

.widget-sidebar ul li a {
    color: #f1b000;
}

a:hover {
    color: #f1b000;
}

您需要为它的两个部分指定.widget-sidebar ul li，