嗨：有一些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}
