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

Question

这是我的问题。我有一个动态生成的类列表。每个班级都有一个颜色。这是示例类：

.magenta {
    color: #7abbb8;
}

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

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

这段代码很完美 - 在p徘徊之后，我有一个类=“magenta”。但是......它没有color: #7abbb8。它可能很容易用!important修复，但正如我所说，我有很多这些类，它们是动态创建的，所以我不想这样做。我怎么能以另一种方式做到这一点？

//编辑

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

Answer 1

检查样式表中的a:visited样式或尝试在css中添加此样式。

Answer 2

尝试更具体地使用CSS：

footer p a.magenta {
    color: #7abbb8;
}

或者您可以随时直接设置颜色：

(function($) {
    $('footer p').hover(function() {
        $(this).find('a').css('color', '#7abbb8');
    });
})(jQuery);

并确保定位正确的元素，这将是实际包含您尝试更改的文本的元素。