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??
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
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.