değil (maksimum genişlik: 512px)

Question

çalışmıyor Aşağıdaki HTML sayfası vardır:

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

Foobar 

Ancak bu pencere en width tepkisiz olduğunu. Medya kuralı asla uygulanmaz. not'u kaldırırsam, beklendiği gibi çalışır. not(max-width) hakkında ne anlamadım?

Evet, aynı şeyi gerçekleştirmenin başka yolları olduğunu biliyorum ve not(max-width: 512px), min-width: 513px ile aynıdır. Ancak, yapıyorum sistem için not(max-width) belirtmek gerekir.

Answer 1

Aşağıdaki Medya sorgusunun kullanmak zorunda: CSS şartname üzerinde

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

<span>Foobar</span>

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

, medya sorguları için aşağıdaki sözdizimini bulabilirsiniz. Görebilirsiniz NOT doğrudan ifade önünde izin verilmez:

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

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