deaktivieren @media in css

Question

ich einige Satz von CSS-Klassen haben und in einer der Klassen, die wir maximale Breite von Größe Fenster verfolgen und Stile ändern, wenn es weniger als 100.

ist

@media all and (max-width: 100px) { 
    some code... 
} 

Also muss ich verhindern Veränderung Stile, wenn Fenster Breite ist weniger als 100. Mit anderen Worten, wie kann ich @media überlasten und deaktivieren Sie es, nur durch CSS-Weg (nicht javascript, jQuery)?

Answer 1

Sie eine Klasse Körper (zB .no-media) und fügen Sie Stile für diese Klasse hinzufügen:

@media all and (max-width: 100) { 
    .no-media p { 
    color: red; 
    } 
} 

können Sie auch !important verwenden, um einige CSS-Regeln zu erzwingen:

p { 
    color: red !important; 
}