CSS-Code für Mobile-First umbauen

[oxo888oxo]

So, nun übernehme ich nochmal in Ruhe einen neuen Versuch, Deinen internen CSS-Code für das Klapp-Menü in meinen externen CSS-Code zu integrieren.
Das Problem ist für mich momentan dieses:
Dein CSS-Code ist ja so aufgebaut, dass zuerst der Teil für große Viewports kommt und später per Media Querie der Teil für kleine Viewports.
Bei mir ist es umgekehrt. Mein CSS-Code ist nach dem Mobile-First-Prinzip aufgebaut. Bei mir im CSS-Code kommt also erst der Teil für alle (also auch die kleinen) Viewports und wird dann später für die großen Viewports per Media Queris angepasst.

Damit ich das nun gescheit hinbekomme, hoffe ich nochmal auf Eure Hilfe.
Und damit ich das auch möglichst alles richtig verstehe, wollte ich mich jetzt Stück für Stück da durchhangeln.

Also ...

Diese folgenden Teile müssen doch bei mir an den Anfang des CSS-Codes, weil sie für alle Viewports zur Anwendung kommen sollen. Ist das richtig?

  
nav ul {  
  padding-left: 0;  
}  

  
nav li {  
  list-style: none;  
}