通過懸停在內容上更改div的顏色？

我使用發現改變CSS不同div的背景顏色一些參考：通過懸停在內容上更改div的顏色？

#a:hover + #b{...}

，但如果你想使用中的鏈接，鼠標懸停事件來觸發它，這並不工作div層。我無法在任何地方找到問題的答案，但它似乎應該很容易。

我覺得我不應該問這個問題，但你究竟是怎麼做到的？

來源

2013-06-19 Tom Sykes

CSS選擇器只對兒童工作或兄弟元素，而不是父元素。 –

如果只有他們有足夠的理解爲我們創建:parent僞類。與此同時，您需要使用JavaScript。像這樣的東西適合你嗎？

<script type="text/javascript"> 
$(document).ready(function(e){ 
    $("div#divID a#anchorID").mouseenter(function(){ 
     var divElement = $(this).parent(); 
     // Style the div to its hover style (hovering over link) 
    }).mouseleave(function(){ 
     var divElement = $(this).parent(); 
     // Style the div to its base style (not hovering over link) 
    }); 
}); 
</script>

來源

2013-06-19 19:11:37

現在，將該代碼粘貼到頁面頭部並不會產生任何效果......我確實將.div：懸停在CSS文件中，但我沒有真正考慮過這樣做的事實它自己的東西.. –

該代碼需要jQuery，你應該用你的div的id屬性替換'divID'，並用你的內鏈接的'id'屬性替換'anchorID'。 –

我瞭解了'id'屬性，但我沒有意識到它需要jQuery。我想我還是有點新，但是jQuery是一個單獨的庫嗎？ –

如果是隻改變的背景下，您可以用僞元素，position:relative/absolute和安全層與z-index玩：

理念的演示：http://codepen.io/anon/pen/kCxgy

來源

2013-06-19 20:07:50

通過懸停在內容上更改div的顏色？

回答

相關問題