CSSスプライト、クラス名の割り当て

Question

どちらが適切ですか。

（a）他のクラスで常に座標を選択するために使用される共通のクラス「スプライト」を持つこと、または（b）単純にクラスのリストに同じプロパティを割り当てること。

（a）単純にコードが少なく、おそらく高速であるため、これは意味があります。欠点は、（理論的に）唯一のCSS開発者がHTMLとやりとりする必要があるということです。

.sprite { background: url('[..]') no-repeat; display: block; } 
.sprite.a { background-position: [..]; } 
.sprite.b { background-position: [..]; } 

（b）は

.a, 
.b { background: url('[..]') no-repeat; display: block; } 
.sprite.a { background-position: [..]; } 
.sprite.b { background-position: [..]; } 

私は何を忘れているだろうか？どちらを使うべきですか？

Answer 1

spriteクラスを使用して、背景イメージ（およびすべてのスプライトが同じサイズを持つ場合はサイズなどの他の共通プロパティ）を選択し、背景位置のみを指定する追加のクラスを使用します。

これは、常にクラス名を繰り返す必要がないため、スタイルシートを読みやすく小さくします。