Skip to main content
1 de 2

Tem diferença entre utilizar CSS inline ou IDs, para uma grande quantidade de elementos diferentes?

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?