html – css：hover只影响顶层的div

发布时间：2020-12-14 21:42:13 所属栏目：资源来源：网络整理

导读：嗨：有一些html喜欢： div class="class" div class="class" /div/div 和一些css喜欢： div.class:hover{ border-width:2px; border-style:inset; border-color:red;} 当我悬停在内部的div上时，两个div都会得到红色的边框。使用css可以停止传播并获得内部di

嗨：有一些html喜欢：

<div class="class" >
    <div class="class" >
    </div>
</div>

和一些css喜欢：

div.class:hover
{
    border-width:2px;
    border-style:inset;
    border-color:red;
}

当我悬停在内部的div上时，两个div都会得到红色的边框。使用css可以停止传播并获得内部div的红色边框吗？

谢谢。

编辑：从可怕的答案开始我结束了：

$("div.class").mouSEOver(
        function(e) {
            e.stopPropagation();
            $(this).css("border-color","red");
        }).mouSEOut(
        function() {
            $(this).css("border-color","transparent");
        });

耻辱它不是css，但做的工作。感谢大家，没有得到我想要的东西，但学到了很多新东西。不是堆栈溢出很好:)

解决方法

看看 http://jsfiddle.net/n6rzA/

那里的代码：

<div class="c">
    <div class="c"></div>
</div>

.c:hover {border:solid 1px red}
.c > .c:hover {border:solid 1px green}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!