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

Question

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

.magenta {
    color: #7abbb8;
}

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

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

这段代码完美运行 - 在 p 悬停后，我的 a have class="magenta" 。但是……它没有color: #7abbb8。它可能很容易修复!important，但正如我所说，我有很多这些类，它们是动态创建的，所以我不想这样做。我怎么能以另一种方式做到这一点？

// 编辑

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

score 1 · Accepted Answer

1

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

于 2012-08-20T09:48:19.313 回答

score 0 · Accepted Answer

尝试更具体地使用您的 CSS：

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

或者你总是可以直接设置颜色：

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

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

2 回答 2