jquery - 你如何只使用 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/