html - 当类悬停时更改 div 的背景，反之亦然

Question

我在网站上工作，希望在将鼠标悬停在文本类上时更改 div 的背景颜色。我有以下 HTML

<ul class="action-list-three">
<li class="three.footer">
<a class="provider" href="#" target="_blank" style="text-decoration:none">TEXT</a><br />
</li>
</ul>

和以下 CSS(想要更改此 BG 颜色):

.action-list-three a.provider {
background: #71CDF1;
padding-top: 5px;color: white;
margin-left: 50px;
border-radius: 5px;
padding-bottom: 35px;
padding-left: 60px;
padding-right: 60px;
font-size: 20px;
border: rgb(30, 128, 167);
border-style: inset;
border-width: 2px;
font-size: 18px;
margin-left: 742px;
display: block;
z-index: 1;
position: absolute;}

我知道我可能遗漏了一些信息，因此可以在以下位置实时查看:sandbox.petassure.com

谢谢你的帮助

Answer 1

只需在 CSS 中使用 :hover 声明

.provider:hover{
   background: red;
}

JS解决方案，非常简单的例子

演示 http://jsfiddle.net/x8dSP/3423/

$(function () {
    $(".test").hover(function () {
        $("div").css("background-color", "red");
    }, function () {
        $("div").css("background-color", "white");
    });

    $("div").hover(function () {
        $(".test").css("background-color", "red");
    }, function () {
        $(".test").css("background-color", "white");
    });
});