如何使用：鼠标悬停时悬停css

Question

我有一个下拉菜单，它是JavaScript应用程序的一部分。它是在一个单独的CSS文件中样式化的一排按钮的一部分。下拉菜单创建一列应与原始行相同样式的按钮。

我需要下拉菜单中的按钮以相同的方式响应：将CSS悬停在行上，但我遇到了麻烦，因为鼠标必须关闭才能看到下拉菜单。我可以从CSS采取的规则，并将其写入到JS像这样：

jQuery(texDiv).mouseover(function() { 
     this.style.color = '#000000'; 
    }); 

但是，我更愿意引用：悬停CSS规则以某种方式，使其只写了一个发生在码。我可以让所有按钮的悬停样式由jQuery mouseover添加一个类来处理，但现在我对如何完成这一点感到好奇。

那么，我该如何引用/ force：悬停CSS才能在鼠标关闭时生效？如果我在其他地方错过了这个答案，请指导我。

Answer 1

简单的解决方案 - 在鼠标悬停添加另一个类，你可以定义新的颜色，鼠标移开时将其删除

Answer 2

要强制:hover难道不通过其他浏览器IMO理解。您可以定义CSS标记级是这样的：

// your seperate file 
a:hover, .marker { 
    // all your needs 
} 

所以，你可以easyly添加CSS类到你的

jQuery(texDiv).mouseover(function() { 
    $(this).addClass('marker'); 
});