CSS懸停更改鏈接顏色

Question

我有這個CSS：

<style>
#web_pagination_number {
    float:left;
    position:relative;
    width:35px;
    height:35px;
    line-height:35px;
    background-color:#111111;
    font-family:Arial;
    font-size:14px;
    color:#ffffff;
    text-align:center;
}
#web_pagination_number:hover {
    color:#111111;
    background-color:#93CF25;
}
#web_pagination_number a {
    text-decoration:none;
    color:#ffffff;
}
#web_pagination_number a:hover {
    text-decoration:none;
    color:#111111;
}
</style>

我遇到的問題是，當我檢查web_pagination_number時，更改此div的背景顏色，但不更改鏈接的顏色，鏈接顏色僅在我檢查鏈接時更改

我不知道該如何解決

感謝和問候

Answer 1

您需要將：hover添加到您的web_pagination_number id中，如下所示：

#web_pagination_number:hover a {
  color: #333;
}

Answer 2

只需添加一個屬性display: block上a

演示