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

概述嗨：有一些html喜欢： <div class="class" > <div class="class" > </div></div> 和一些css喜欢： div.class:hover{ border-width:2px; border-style:inset; border-color:red;} 当我悬停在内部的div上时，两个div都会得到红色 嗨：有一些HTML喜欢：

<div  >    <div  >    </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 >    <div ></div></div>.c:hover {border:solID 1px red}.c > .c:hover {border:solID 1px green}

总结

以上是内存溢出为你收集整理的html – css：hover只影响顶层的div全部内容，希望文章能够帮你解决html – css：hover只影响顶层的div所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。