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

[Reclamação] Diferença entre background e background-color

Olá, Gostaria de compartilhar uma inquietação, por favor corrija-me se estiver errado. Adiante segue-se a explicação abaixo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Presumindo que essas são duas propriedades distintas, no exemplo específico não há diferença no resultado, pois background na verdade é uma abreviação para:

background-color  
background-image  
background-position  
background-repeat  
background-attachment  
background-clip  
background-origin  
background-size

Assim, além do background-color, usando a background short-hand, você também pode adicionar um ou mais valores sem repetir nenhuma outra variação da propriedade background-* mais de uma vez. Logo, no exemplo da aula na minha opnião as alinhas (A e D) produzem o mesmo efeito visual.

Veja o exemplo abaixo:

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Figura-2.

Diante disso, entendo que a afirmação/justificativa encontrada na opção D: "Errado! A sintaxe da propriedade que altera a cor de fundo dos links *não está correta.** Em outras palavras, o fundo continuará branco."* Não é exatamente o que acontece como podemos verificar na Figura 2.

Resources: Stackoverflow: https://stackoverflow.com/questions/10205464/what-is-the-difference-between-background-and-background-color

*Teste de mesa codePen: * https://codepen.io/linusmanuel/pen/GRXJxLy

Espero ter ajudado abraços... :)

2 respostas
solução!

Olá, João.

Tudo bem?

Muito obrigado pelo seu feedback. Eu estava analisando a sua dúvida e faz muito sentido, pois o background dessa forma sem a palavra color, ele aceita propriedades RGB, RGBA, Hexadecimal etc, isso pensando só na cor, então funciona sim.

Eu jápassei para a equipe para estar corrigindo. Valeu.

Olá Renan, tudo ótimo! Que bom que fez sentido :)