Problemi ereditarità responsive

[Vicar]

Ciao a tutti,
mi sto affacciando per la prima volta al mondo responsive e non riesco a capire una cosa:
se creo un primo foglio di stile "stile1.css" in cui inserisco questo codice:

.classe{
            background-color:red;
            width:300px;
            height: 110px:
} 

se invece in un secondo foglio di stile "stile2.css" scrivo la media query

@media screen and (min-width:320px ){
   .classe{
               background-color:black;
               width:100%;
              }           

fermo restando di aver importato correttamente i due fogli di stile (in quanto cambiando la dimensione della pagina il colore di sfondo cambia) nella pagina html perchè quando sono nelle dimensioni del secondo foglio di stile la "height" viene importata comunque? Come posso fare per eliminarla?

[Mich_]

Certo che viene importata.
Il secondo foglio sovrascrive gli attributi del primo, ma non lo cancella.

Quello che puoi fare e` ridefinire tutti gli attributi, compreso height.

Ad esempio puoi usare:
height: auto;

oppure assegnargli altri valori, come 100% (se applicabile),