Media Queries - wo genau im Stylesheet

Hallo,

ich habe ein ganz generelles Verständnisproblem bei Media Queries und finde einfach keine allgemeingültige Antwort.

Dem Design von Twentyfifteen folgend habe ich sie eigentlich immer unterhalb der eigentlichen Angaben platziert, d.h. ich habe z.B. zuerst eine #sidebar blablabla definiert und später (unter all den anderen Anweisungen für meine Standard-Displaybreite) in den stylesheets dann die Mediaqueries für die unterschiedlichen Displaybreiten eingerichtet wobei ab einer gewissen Breite die sidebar dann auf display:hidden gestellt wird.

Das hat aber wohl nur funktioniert weil ich die Mediaqueries von ganz schmalen bis zu sehr breiten Displays untereinander, beginnend bei den kleinsten, eingerichtet habe.

Das will ich im aktuellen Theme aber niocht machen. Ich möchte einfach nur sagen, dass die sidebar ab einer Breite von 1000px nicht mehr eingeblendet wird.

Definiere ich das unterhalb der eigentlichen Anweisungen, wird diese Regel auch bei breiteren Displays beachtet. D.h. die sidebar ist dann immer hidden.

Definiere ich die Mediaqueries am Anfang der Stylesheets, werden sie gar nicht beachtet.

Tja....wo gehören sie denn nun hin?

Sie sind sind aufgebaut wie bei twentyfifteen, also...

/**
*14.1 - >= 1000px
*/
@media screen and (min-width: 1000px) {
#sidebar {
    display: none;
}
}