Hallöchen zusammen,

ich möchte in CSS abhängig von der Größe des Browserfensters unterschiedliche CSS-Dateien importieren, was dann in etwa so aussehen soll:

@media screen and (min-width: 1000px) {
@import "big.css";
}
@media (max-width: 999px) {
@import "small.css";
}

Was aber nicht funktioniert, keine der beiden Datein wird geladen.
Und das obwohl die 'Einzelteile' funktionieren:

@media (min-width: 500px) {
#blau{
background-color: #000;
}
}

und:

@import "big.css";

Hab schon verschiedene Browser ausprobiert, es klappt bei keinem.

Hoffe ihr könnt mir helfen.

Vielen Dank im Voraus
C-Lord