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

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

从中删除空间#article_pagination :hover

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

也一样，#article_pagination:current但没有:currentAFAIK，而是:active用于link. 在这里工作。

Answer 2

: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;
}

演示：http: //jsfiddle.net/R6cHc/

Answer 3

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

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

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

Demo

你不能签:active入div。如果要更改单击 div 的背景颜色，则必须使用 jquery。