[CSS] @import vs @media

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

Kannst du den Import per HTML machen? Man kann ja in <link /> angeben, für welche Medien das Stylesheet geladen werden soll.

Ansonsten könntest du natürlich einfach dein @import medienspezifisch machen, wie im Standard vorgesehen. Ich habe gerade nicht zur Hand, wie es mit Browserkompatibilität aussieht, aber CSS2 sollte mittlerweile gut genug verstanden sein, daß man es für alle Browser außer IE < 8 als unterstützt annehmen kann.