Solucionado
Olha eu coloquei dessa forma o h1 e o h2 pois poderiam receber configurações diferentes.
body{
font-family: "Times New Roman",serif;
background: #F2FFFC;
}
h1{
font-family: "Arial",sans-serif;
color: #FFFFFF;
text-align: center;
background-color: #851944;
}
h2{
font-family: "Arial",sans-serif;
}
p{
text-align: justify;
}hoje, com a Alura e o Google Gemini
Olá Tiago,
Não há problema em fazer da forma como você expôs. Apenas o exercício dá a resposta como:
h1, h2 {
font-family: "Arial", sans-serif;
}
h1 {
text-align: center;
background-color: #851944;
color: #FFF;
}pois o css "acumula" as duas definições para o h1, ao passo que o h2 utilizará apenas a primeira definição. Ok?
Essa forma de agrupar é interessante pois conforme vamos aumentando o nosso código, fica muito desorganizado, possuindo vários elementos repetidos e que possuem algo em comum.
Dessa forma, agrupando os elementos que possui características em comum("h1, h2 {}"), podemos deixar nosso código menor e mais atraente, facilitando sua manutenção.