1
resposta

Media Queries com Negação

Boa noite!

Não entendi muito bem o que essa média query está negando...

Ela nega todas as medias queries anteriores "as que estao acima dela no código" e deixa essa executando nos dispositivos até 600px?

Não peguei bem essa lógica =(

@media not all and (max-width: 600px) {
    .menu-abrir,
    .menu-fechar {
        display: none;
    }    
}
1 resposta

Fala Thiago,

Veja um exemplo:

  // o background vai ficar vermelho em resoluções até 600 px

  @media all and (max-width: 600px) {
    body {
      background: red
    }
  }

Com o not (negação):

  // o background vai ficar vermelho em resoluções maiores que 600px
  // ou esta interpretação também é válida, a mesma coisa
  // o background NÂO vai ficar vermelho em resoluções até 600

  @media not all and (max-width: 600px) {
    body {
      background: red
    }
  }

Percebeu a diferença? Faça o teste ai, algo simples para notar as mudanças.

Negação normalmente gera confusão mesmo, questão de lógica, as vezes da uns "bugs" mesmo hehe.