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即可

Demo

Css悬停更改链接颜色

2 个答案: