CSS精靈，指定類名

Question

哪個更合適。 （a）要有一個通常的類「sprite」，它總是與另一個類一起使用來選擇座標，或者（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類來選擇背景圖像（以及可能的其他常見屬性，如大小如果所有精靈都具有相同的大小），然後選擇只指定背景位置的其他類。

由於您不必一直重複您的班級名稱，這樣可以使樣式表可讀並且更小。