为什么hover会失效？

Question

<div id="box">
    <a href=""></a>
</div>



css
#box a {
  width: 33px;
  height: 33px;
  display: block;
  background: url(../images/loginIcon.png) no-repeat 0 0;
}
#box a :hover {
  background-position: -31px -5px;
}
为什么鼠标移上去背景没有变？

Answer 1

#box a:hover {
  background-position: -31px -5px;
}

a后面不能有空格。