Question

我发现了一些使用以下内容来改变CSS中不同div的背景颜色的参考：

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

但如果您尝试在div图层内的链接上使用鼠标悬停事件触发它，则此方法无效。我无法在任何地方找到问题的答案，但似乎应该很容易。

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

Answer 1

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

Answer 2

如果只是为了更改背景，您可以使用伪元素position:relative/absolute和使用z-index保护图层：

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

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

2 个答案: