你如何只用JQuery淡化父母孩子中的特定元素？

Question

你怎么能这样做，所以每个.nav里面的P都没有消失？

http://jsfiddle.net/vbqfD/

$(document).ready(function () {
$('.nav').mouseenter(function () {
    $(this).fadeTo('fast', .5);
});

$('.nav').mouseleave(function () {
    $(this).fadeTo('fast', 1);
});

}）;

Answer 1

您将元素的不透明度设置为0.5，这也会影响孩子，我建议：

.nav {
    ... 
    background: rgba(130, 202, 255, 1);
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.nav:hover {
    background-color: rgba(130, 202, 255, 0.5);
}

http://jsfiddle.net/NwRXs/3/