Javascript 如何使用:鼠标按下时悬停css

Javascript 如何使用:鼠标按下时悬停css,javascript,jquery,css,Javascript,Jquery,Css,我有一个下拉菜单,它是JavaScript应用程序的一部分。它是一行按钮的一部分,这些按钮在一个单独的CSS文件中设置样式。下拉菜单创建一列按钮,其样式应与原始行相同 我需要下拉菜单中的按钮以相同的方式响应:将CSS作为行悬停,但我遇到了问题,因为必须放下鼠标才能看到下拉菜单。我可以将CSS中的规则写入JS,如下所示: jQuery(texDiv).mouseover( function() { this.style.color = '#000000'; }); 但

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

我需要下拉菜单中的按钮以相同的方式响应:将CSS作为行悬停,但我遇到了问题,因为必须放下鼠标才能看到下拉菜单。我可以将CSS中的规则写入JS,如下所示:

    jQuery(texDiv).mouseover( function() {
      this.style.color = '#000000';
    });
但是,我更愿意以某种方式引用:hover CSS规则,以便它只在代码中的一个位置编写。在添加类之前,我可以让jQuery鼠标处理所有按钮的悬停样式,但现在我很好奇如何做到这一点


所以,当鼠标按下时,如何引用/强制:hover CSS生效?如果我在其他地方错过了这个答案,请告诉我

简单的解决方案-在鼠标上方添加另一个类,您可以在其中定义新的颜色,然后在鼠标离开时将其删除,以强制执行
:其他浏览器无法理解悬停。您可以在css中定义如下标记类:

// your seperate file
a:hover, .marker {
   // all your needs
}
因此,您可以轻松地将css类添加到

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

您好,使用什么选择器?它是否只过滤第一级的孩子:比如:ul>limousedown等于:CSSI-think@Ochi的意思-js:
$(textDiv).mousedown(function(){$(this.addClass('class'))}),css:
。类:悬停{color:#000000}
。只是把它放在那里以确保。没有“:hover”部分-只是新的类,正在附加,然后删除哦-我的理解是,当鼠标在元素上并且单击鼠标按钮时,应该应用规则。我想你的意思是:)对不起!