使用方法：鼠标停机时悬停css

Question

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

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

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

但是，我更愿意以某种方式引用：hover CSS规则，以便它只在代码中的一个地方写入。我可以通过jQuery mouseover添加一个类来处理所有按钮的悬停样式，但现在我很好奇如何做到这一点。

那么，我怎样才能引用/强制：当鼠标停止时hover CSS才能生效？如果我在其他地方错过了这个答案，请指导我！

Answer 1

简单的解决方案 - 在鼠标悬停时添加另一个可以定义新颜色的类，并在mouseout上删除它

Answer 2

迫使其他浏览器imo无法理解:hover。您可以在css中定义一个标记类，如下所示：

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

因此，您可以轻松地向您的

添加css类

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