jQuery mouseover添加了类，但被CSS忽略

这是我的页面。

当你把鼠标悬停在产品的div（div.product-listing）上时，“买我的”文本会改变颜色

我使用jquery添加了一个产品列表类，鼠标悬停在div.product-listing上，使用firebug我可以看到这一切都很好

但是，以下CSS不起任何作用：

.product-listing-hover .buy-me a {
    color: red;
}

但是，如果我将CSS更改为此，文本将突出显示：

.product-listing .buy-me a {
    color: red;
}

因此，如果在页面加载后使用jquery添加一个类，CSS似乎无法识别该类。这是正常的行为吗

注意，我在使用Drupal，所以默认情况下它不使用最新版本的jquery，这可能是可靠的吗

---

谢谢

您正在添加课程：

.产品列表悬停

但你的目标是与班级相匹配：

产品列表悬停

---

在编写HTML类时，不要包含指示CSS类选择器的点，因为您正在添加该类：

.产品列表悬停

但你的目标是与班级相匹配：

产品列表悬停

---

在编写HTML类时，不要包含指示CSS类选择器的点。它似乎在名称前面添加了一个

。使用jQuery添加类时，不必使用

请参阅捕获：

---

似乎在名称前面添加了一个

类。使用jQuery添加类时，不必使用

请参阅捕获：