Pq não precisamos colocar novamente a nova class (container__imagem-transparente) que contem a imagem do coraçao com um padding de 1em igual as outras classes (container__imagem) sendo que nos trocamos o nome da class dela??
Pq não precisamos colocar novamente a nova class (container__imagem-transparente) que contem a imagem do coraçao com um padding de 1em igual as outras classes (container__imagem) sendo que nos trocamos o nome da class dela??
Oii Erick, tudo bem?
No caso específico do seu projeto, quando você cria uma nova classe como container__imagem-transparente
, ela pode herdar alguns estilos da classe original container__imagem
se você definir que ela deve fazê-lo. Por exemplo, se no seu CSS você tem algo como:
.container__imagem {
padding: 1em;
/* outros estilos */
}
.container__imagem-transparente {
/* estilos específicos para essa classe */
}
A classe container__imagem-transparente
não terá o padding de 1em a menos que você explicitamente declare isso na definição da classe. Se você não adicionou o padding na nova classe, ela não terá esse estilo a menos que seja especificado novamente ou herde de outra maneira, como através de uma regra mais abrangente ou cascata.
Mas, se você deseja que container__imagem-transparente
tenha o mesmo padding que container__imagem
, você precisará adicionar essa propriedade de padding explicitamente na definição de container__imagem-transparente
no seu arquivo CSS, assim:
.container__imagem-transparente {
padding: 1em;
/* outros estilos específicos */
}
Caso contrário, qualquer padding definido para container__imagem
não será aplicado automaticamente a container__imagem-transparente
a menos que haja uma regra CSS que faça isso, ou que container__imagem-transparente
esteja sendo usada juntamente com container__imagem
na mesma tag HTML, como:
<img src="image.png" class="container__imagem container__imagem-transparente">
Um abraço e bons estudos.