O instrutor deu uma orientação no vídeo de que screen and (min-width...)
pode passar apenas pelo teste screen
em navegadores antigos que não entendem o que é min-width
e que, por isso, deveríamos incluir o only
quando "misturamos" media query com media type. Assim já falharia o teste no only e nada mais seria processado.
Mas pensando por essa lógica não basta inverter, deixando o min-width no começo do teste?
Desta forma:
@media (min-width: 400px) and screen {
...
}
Assim já falha no primeiro teste e não testaria screen.
Ou necessariamente o teste de media type vai antes do media query?