nicht (max-width: 512px) nicht

Arbeits Ich habe folgende HTML-Seite:nicht (max-width: 512px) nicht

<style> 
    @media not(max-width: 512px) { * { color: red; } } 
</style> 

Foobar

Dies ist jedoch width zum Fenster des nicht mehr reagiert. Die Medienregel wird niemals angewendet. Wenn ich den not entferne, funktioniert es wie erwartet. Was verstehe ich nicht über not(max-width)?

Ja, ich weiß, es gibt andere Möglichkeiten, die gleiche Sache zu erreichen, und not(max-width: 512px) ist das gleiche wie min-width: 513px und so weiter. Für das System, das ich erstelle, muss ich jedoch not(max-width) angeben können.

Quelle

2016-04-08 Anonymous

'not' geht nur mit Medientyp' media_query: [[nur | nicht]? [und ] *] ' – Justinas

Hier ist ein Artikel darüber, was @Justinas sagte https://css-tricks.com/logic-in-media-queries/ Relevantes Zitat von Chris" Just doing nicht (max-Breite: 600px) scheint nicht für mich zu arbeiten, daher die etwas funky Syntax oben. " – Paran0a

Sie haben die folgende Medienabfrage verwenden:

@media not all and (max-width: 512px) { 
 
    * { 
 
    color: red; 
 
    } 
 
}

<span>Foobar</span>

https://css-tricks.com/logic-in-media-queries/#article-header-id-3

Auf der CSS-Spezifikation, können Sie die folgende Syntax für Medienanfragen finden. Sie können sehen, die NOT nicht direkt vor dem Ausdruck erlaubt:

: [ONLY | NOT]? S* media_type S* [ AND S* expression ]* 
| expression [ AND S* expression ]* 
;

https://www.w3.org/TR/css3-mediaqueries/#syntax

Quelle

2016-04-08 08:15:45

nicht (max-width: 512px) nicht

Antwort

Verwandte Themen