Media Query: Problema css selettore

[andrew]

Media Query: Problema css selettore

Buongiorno a tutti. Sto sviluppando con i miei tempi e le mie capacità il seguente sito assicurazioni.tips sulla base di Zurb Foundation.

Ho un problema con il mio foglio di stile personale, style.css.
Al suo interno ho due media query: La prima per display con risoluzione fino a 640 px e la seconda da 641.

Ho inserito a livello di codice Html due <nav>, uno con classe "large" per risoluzioni maggiori di 640px ed uno con classe "small" per risoluzioni inferiori. Tramite display hide a livello di css nascondo una delle due all'occorrenza.

Fatta questa dovuta premessa, come dicevo riscontro un problema. Quando il sito si visualizza con risoluzioni fino a 640 px, in teoria al sito non dovrebbero applicarsi gli stili dell'altra media query ( da 641 px ) giusto? Eppure se controllate, si applicano lo stesso. Come mai? Dove sbaglio? Non dovrebbe visualizzarsi senza alcun stile salvo quelle poche regole che ho applicato?

Grazie e buona giornata