CSS图像精灵错误

Question

我试图做一个简单的悬浮效果与我的提交按钮

CSS

#submit1 a:hover{ 
background-position: -1px -56px ; 
background-image:url(sprites.png); 

} 

#submit1{ 
background-position: -140px -58px ; 
width: 112px; 
height: 33px; 
background-image:url(sprites.png); 
} 

HTML

<div id="submit1"> 
<a href="#"> 
</a> 
</div> 

Answer 1

打开#submit1 a:hover到#submit1:hover

#submit1:hover { 
    background-position: -1px -56px ; 
    background-image:url(sprites.png); 
} 

#submit1 { 
    background-position: -140px -58px ; 
    width: 112px; 
    height: 33px; 
    background-image:url(sprites.png); 
} 

你可以看到结果这里：http://jsfiddle.net/eu3zc/

编辑： 至于您的评论，当你正在编辑多个元素添加一个逗号。

例子：

#submit1:hover, a:hover { 
    color: #000; 
} 

#submit1, a { 
    color: #FFF; 
} 

#submit1, a这意味着我wan't我的CSS代码应用到#submit1和a在任何时候。

#submit1:hover, a:hover这意味着我不想将我的CSS代码应用于#submit1和a，但只有当我悬停时。

您可以通过添加更多逗号来添加更多元素，以将相同的CSS代码应用于所有元素。