oxo888oxo: "Vererbung" bei Anwendung von Media Queries

Beitrag lesen

Hallo

Zu Beginn entschuldigt bitte, falls der Betreff irgendwie blöd/falsch ist.
Ich wusste nicht, wie ich meine Frage besser benennen kann.

Beispiel CSS-Datei #1:

  
h1{  
  font-size: 2em;  
}  
[...]  
  
@media only screen and (min-width: 50em) and (max-width: 90em) {  
  h1{  
    font-size: 4em;  
  }  
  [...]  
}  
  
  
@media only screen and (min-width: 90.25em) {  
  h1{  
    font-size: 4em;  
  }  
  [...]  
}  

Hier wird font-size: 4em; ja doopelt verwendet.
Wenn man es aus "@media only screen and (min-width: 90.25em)" herausnimmt, greift dort dann ja wieder font-size: 2em;.
Ist das soweit richtig von mir überlegt?

Falls ja, wäre dann nicht ein folgender Aufbau sinnvoller

  
h1{  
  font-size: 2em;  
}  
[...]  
  
@media only screen and (min-width: 50em) {  
  h1{  
    font-size: 4em;  
  }  
  [...]  
}  
  
@media only screen and (min-width: 90.25em) {  
  [...]  
}  

Hier würde doch dann für Viewport-Größen ab 90.25em erstmal font-size: 4em; aus "@media only screen and (min-width: 50em)" greifen.
Weil doch der CSS-Code von oben nach unten abgearbeitet wird.
Und wenn dann "@media only screen and (min-width: 90.25em)" zur Geltung kommt, dort aber keine Angaben hür h1 drinstehen, wird doch weiterhin "font-size: 4em; angewendet.

Anders ausgedrückt.
Mann fnängt doch ganz oben bei den ersten Angaben in der CSS-Datei immer mit dem an, was erstmal für alle Viewports gelten soll.
Und dann geht man (bei mobile first) zum nächstgrößeren Viewport-Breakpoint und ändert dort alles, was eben anders dargestellt werden soll.
Und beim darauffolgenden Viewport-Breakpoint macht man wieder NUR die Änderungen, die gelten sollen aus Sicht vom zweiten Viewport-Breakpoint.
Ist das richtig überlegt?

Oder sollte man einfach 3 komplett getrenne Media Querie Bereiche machen?
In meinem ersten Beispiel oben ist doch der zweite und dritte Bereich sozusagen getrennt.
Und das erfordert ja wieder mehr Code.

Ich hoffe, ich konnte einigermaßen zum Ausdruck bringen, was ich meine.
Was ist denn da die gescheiteste bzw. korrekte Vorgehensweise?

Gruß
Ingo