css - 通过将鼠标悬停在内容上来更改 div 的颜色？

Question

我发现了一些关于通过使用以下方法更改 CSS 中不同 div 的背景颜色的参考：

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

但是，如果您尝试使用 div 层内链接上的 mouseover 事件来触发它，这将不起作用。我在任何地方都找不到问题的答案，但似乎它应该很容易。

我觉得我不应该问这个问题，但你到底是怎么做到的？

Answer 1

如果只是改变背景，您可以使用伪元素，position:relative/absolute并使用以下方式保护层z-index：

想法演示：http ://codepen.io/anon/pen/kCxgy

Answer 2

如果他们有足够的意识为我们创建: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>