Na página que estou fazendo estou usando um Spritesheet com mais de 50 imagens diferentes, porém todas estão em no mesmo arquivo .png e preciso passar a posição de onde cada elemento está nessa imagem (background-position).
Vendo a grande quantidade de elementos com estilos únicos, o que é melhor eu fazer:
**A)**Ter o estilo de cada elemento com CSS inline <div style="background-position: 30px 20px;">
direto no HTML.
ou
**B)**Ter uma ID para cada elemento <div id="imagem_47">
e adicionar o estilo de cada uma no arquivo CSS #imagem_47 {background-position: 30px 20px;}
.
Existe alguma diferença de performance ou compatibilidade entre as duas opções? Ou é só questão de gosto e organização mesmo?