1
resposta

duvida no container imagem transparente

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??

1 resposta

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.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software