jQuery - 将具有颜色属性的类添加到链接

Question

这是我的问题。我有一个动态生成的类列表。每个类(class)都有一种颜色。这是示例类:

.magenta {
    color: #7abbb8;
}

另一方面，我在页脚中有一些链接。我想在 <p> 时使用此类在页脚中悬停:

(function($) {
    $('footer p').hover(function() {
        $(this).find('a').addClass('magenta');
    });
})(jQuery);

这段代码工作完美——我在 p 悬停后有 class="magenta"。但是...它没有 color: #7abbb8 .它可能可以很容易地用 !important 修复，但正如我所说，我有很多这样的类，它们是动态创建的，所以我不想那样做。我怎样才能用其他方式做到这一点？

//编辑

好的，问题出在其他地方。我没有更改类 css，我更改了具有此类的每个元素的 css。所以这种颜色不会随类添加到新元素中。不幸的是，没有简单的方法可以用 jQuery 解决这个问题，但似乎有一些插件将 CSS 规则添加到样式表中。

Answer 1

检查您的样式表中的a:visited 样式或者尝试在您的 css 中提供这种样式。