如何使用：鼠標懸停時懸停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'); 
});