Css H1：在完全div中悬停

我有一个div和一个h1，

h1:hover

是

color:#FFFFFF

。 我想要的是当我将鼠标悬停在div上时，h1会变成

#FFFFFF

是否有任何jquery将h1悬停到full div

网址：

谢谢

使用CSS：

div:hover h1 {
    color: #fff;
}

使用jQuery：

$('div').on('mouseover', function() {
    $(this).find('h1').css('color', '#fff');
});

使用CSS：

div:hover h1 {
    color: #fff;
}

使用jQuery：

$('div').on('mouseover', function() {
    $(this).find('h1').css('color', '#fff');
});