Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

ID vs TAG

É realmente necessário criar um id pra tag img para referenciá-la no documento css ou posso simplesmente usar img{width:100%;} ?

2 respostas
solução!

Olá!

Ambos terão o mesmo resultado, desde que seu projeto tenha apenas uma única imagem, mas essa escolha não é nada escalável. Considere que você tenha um conjunto de imagens na mesma página (Ou mesmo em páginas diferentes, mas com o mesmo arquivo css), todas as imagens devem possuir a mesma estilização que você aplicou para a primeira?

O pensamento inverso se aplica ao Id. O Id deve ser um objeto único na página e é mais comum ele ser utilizado como seletor em scripts do que para a estilização em si (Apesar de não ser uma regra).

O recomendado é você criar uma classe que contenha a estilização desejada e aplicá-la nos elementos que precisam dessa estilização. Exemplo:

<p>Essa imagem deve possuir 100% de largura:</p>
<img src="imagem1.png" class="w-100">

<p>Essa imagem deve possuir 150px de largura e 200px de altura:</p>
<img src="imagem2.png" class="imagem-personalizada">

CSS:

.w-100 {
    width: 100%;
}

.imagem-personalizada {
    height: 200px;
    width: 150px;
}

Obrigado Douglas!