css - 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これは、CSS コードを常に適用したくないことを意味し#submit1ますa。

#submit1:hover, a:hoverこれは、CSS コードを適用したくないことを意味しますが#submit1、aホバーしたときだけです。

コンマを追加して要素を追加し、同じ CSS コードをすべての要素に適用できます。