DIV(css)上的悬停问题

Question

我正在尝试使用div做一个非常简单的按钮.一切都很好,除了当鼠标光标越过按钮时,文本应该变成黑色,背景颜色变白......但是目前,我必须将鼠标光标放在文本上才能看到它变黑.

这是我的CSS代码:

.pledges_boutons {
    width: 157px;
    color: #fff;
    font-family: "Arial Black", Gadget, sans-serif;
    font-size: 11px;
    height: 18px;
    text-align: center;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    text-decoration: none;
    display: block;
    background-color: #868686;
    }

和悬停:

.pledges_boutons:hover {
    color: #000;
    cursor: pointer;
    background-color: #fff;
}?

HTML:

<div class="pledges_boutons">
   <a href="http://www.google.com">Click here</a>
</div>?

这是我的小提琴

谢谢!

Answer 1

更换:

.pledges_boutons:hover {

附:

.pledges_boutons:hover, .pledges_boutons:hover a {

那会有所作为;-)