如何在js函數中添加：懸停規則？

我爲我的網站修改了一些jQuery幻燈片庫。我想在css中添加.nav li a:hover{color:#00f;}，但它不起作用。我在螢火蟲中檢查過，css規則會被刪除。我發現在jQuery的幻燈片廚房的js文件的東西，像這樣：如何在js函數中添加：懸停規則？

function init(){ 
    g.find(".nav").children("li").css("margin","0").css("padding","5px"); 
    g.find(".nav").children("li").children("a").css("text-decoration","none").css("display","block"); 
}

是否應該添加一個：懸停CSS規則的js文件？如何添加它？謝謝。

來源

2010-11-30 yuli chika

如果CSS規則被刪除，那意味着它被另一個CSS規則覆蓋。你必須找出重寫的地方 - 哪一個不在上面的代碼中...... – 2010-11-30 14:03:40

可以在JS與

g.find(".nav").children("li").children("a").hover(
    function() { 
     $(this).css('color', '#00f'); 
    }, 
    function() { 
     $(this).css('color', '#000'); 
    } 
);

做到這一點你也可以修改插件樣式表，所以你就不必重寫它。

來源

2010-11-30 14:09:55 Edgar

它成爲了一段時間後一塌糊塗，但你可以給CSS指令優先於使用!important後續指令。

.nav li a:hover{ color:#00f !important; }

既然您提到在螢火蟲中劃掉的財產，我懷疑這是你的問題。

來源

2010-11-30 14:04:45 Frode

@Frode使用！important會對OP有害，因爲他甚至不知道他必須重寫哪個CSS規則。 – 2010-11-30 14:08:07

這也很好。謝謝。 – 2010-11-30 14:22:15

如何在js函數中添加：懸停規則？

回答

相關問題