小编Jon*_*osh的帖子

我写了以下jquery javascript的东西

$(document).mousemove(function(event) {
    var element = event.target;
    $(element).css("border","black solid 1px");
});

$(document).mouseout(function(event) {
    var element = event.target;
    console.log( "1 = "$(element).css("border-color") )
    $(element).css("border","0px");
    console.log( "2 = " + $(element).css("border-color") )
});

它基本上围绕悬停元素绘制框架.在chrome中运行时,输出console.log( "1 = "$(element).css("border-color") )为""即没有.同样如此console.log( "2 = "$(element).css("border-color") ).但我期待黑色.我也试过borderColor哪个也行不通.

无论如何,当悬停元素时,如我所料,在该元素周围绘制一个框架.那么为什么输出没有任何回报呢？

我想选择.box这三个.box兄弟姐妹中的每一个的第一级,而不是他们的孩子.box.(这有意义吗？)

这是我的标记:

<div class="box">
    <div class="box">
        test
    </div>
</div>

<div class="box">
    <div class="box">
        test2
    </div>
</div>

<div class="box">
    <div class="box">
        test3
    </div>
</div>

如何使用CSS执行此选择？