Olá, Na video aula o instrutor utiliza o seletor de classe para inserir, através do css, uma imagem para cada ícone no Image Replacement. Segue o código abaixo:
.icones-sociais a {
width: 40px;
height: 40px;
display: block;
text-indent: -99999px;
}
.github {
background-image: url(github.png);
}
.twitter {
background-image: url(twitter.png);
}
.linkedin {
background-image: url(linkedin.png);
}
Porém eu aprendi anteriormente que apenas se usa seletores de classe para agrupamentos de elementos que compartilham características similares. No caso das imagens, que são únicas para cada elemento não deveria ser usado #id's para inserir pelo css os ícones do github, twitter e linkedin?
Eu sei que visualmente não há a mínima diferença entre o uso de classes e id's porém não ficaria o resultado semanticamente errado?