É realmente necessário criar um id pra tag img para referenciá-la no documento css ou posso simplesmente usar img{width:100%;} ?
É realmente necessário criar um id pra tag img para referenciá-la no documento css ou posso simplesmente usar img{width:100%;} ?
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!