Question

我将文字放在DIV中。我希望DIV的背景颜色和边框颜色在悬停时改变，如果DIV是最新的，我也希望改变背景。

目前正在发生的一切是DIV背景中的文字在悬停时发生变化。

这是我的CSS：

#article_pagination{
float: left;
padding: 0px 4px 0px 4px;
margin: 0px 3px 0px 0px;
border: 1px solid #999999;
display:block;
}

#article_pagination :hover{
background-color: #99FFFF;
border: 1px solid #666666;
}

#article_pagination :current{
background-color: #99FFFF;
}

这是我的HTML

<div id="article_pagination">
Some text here
</div>

Answer 1

您需要在:hover和:current之前取出空格。变化：

#article_pagination :hover{
background-color: #99FFFF;
border: 1px solid #666666;
}

#article_pagination :current{
background-color: #99FFFF;
}

为：

#article_pagination:hover{
background-color: #99FFFF;
border: 1px solid #666666;
}

#article_pagination:current{
background-color: #99FFFF;
}

DEMO ：http://jsfiddle.net/R6cHc/

Answer 2

删除选择器和悬停#article_pagination :hover之间的空格，它应该是#article_pagination:hover但是css中没有:current。你可以在这里使用:active。

请粘贴您想要使用的完整代码:current

#article_pagination:hover{
  background-color: #99FFFF;
  border: 1px solid #666666;
}

Demo

您无法在div中查看:active。如果要在div上单击更改背景颜色，则必须使用jquery。

Answer 3

从#article_pagination :hover

中删除空格

#article_pagination:hover{
    background-color: #99FFFF;
    border: 1px solid #666666;
}

同样在#article_pagination:current，但没有:current AFAIK，而是:active，而link则是{{1}}。 Working Here.

悬停时无法更改Div背景颜色

3 个答案: