Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Media queries direto no seletor

Devemos ter alguma preocupação com a performance da forma como é compilado o CSS usando vários Media Queries separados ao invés de um único agrupando todos os seletores?

Exemplo:

div { color: red; } @media (max-width: 980px) { div { color: blue; } } span { color: black; } @media (max-width: 980px) { span { color: white; } }

1 resposta
solução!

Oi Luiz, tudo bom?

Tinha essa dúvida também, então perguntei para o Sérgio Lopes sobre isso. Não precisa se preocupar em 99% dos casos.

Quando você habilita a compactação GZIP no servidor, ele vai pegar tudo o que for repetido (vários "@media query etc") e dar um jeito de deixar o arquivo mais leve, pegando justamente essas partes iguais.

Espero ter ajudado e que esteja gostando do curso.

Abcs!

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