Problem mit Media Queries

Hallo Zusammen

Momentan erstelle ich einer meiner ersten responsiven Webseiten, nun bin ich an ein nervendes Problem gestossen.

Ich habe 2 CSS-Files die folgende Media-Queries aufweisen:
css1 - all and (max-width:860px) and (min-width:481px)
css2 - all and (max-width:480px)

Ziel ist es, dass es ab der Breite 860px die Styles von dem css1 übernimmt und ab 480px die Styles des css2.

Die Reihenfolge der CSS habe ich wie folgt:
style
css2
css1


Das Problem ist nun, dass es zwar bei 860px Breite die Styles von dem css1 übernimmt, aber bei 480px werden zwar alle Styles von dem css1 "entfernt"... leider werden die Styles von css2 aber nicht übernommen.

Wo könnte da das Problem liegen?

Danke für eure Hilfe!
Gruss
Chrigi

Hab es nun kurz auf einer anderen Domäne getestet... und dort funktioniert es einwandfrei.

Cache + Temp Folder hab ich auch gelöscht, aber es will einfach nicht funktionieren.

Keiner eine Idee?

Änder mal die Reihenfolge. CSS1 und dann erst CSS2.

Zitat:

---

Zitat von andreasisaak

Änder mal die Reihenfolge. CSS1 und dann erst CSS2.

---

Ich krieg ne Kriese :eek:

Hab ich etwa 10x versucht... Heute klappts plötzlich :mad:

Thanks!! Haha phuuuuu ein Problem weniger auf dieser Welt :p

Gruss
Christian