Medienabfrage mit ID-Selektor erhält 'erwarteten LBRACE'-Syntaxfehler

Question

Ich versuche, einige CSS für mobile nur zu aktualisieren, aber erhalten Sie den folgenden Syntaxfehler: Erwartete LBRACE in Zeile 17 Spalte 1 (bezieht sich auf die #logo-Zeile)

@media {max-width: 979px) 
#logo { 
left: 50%; 
position: relative; 
-webkit-transform: translateX(-50%); 
transform: translateX(-50%); 
} 

Wenn ich die CSS in Entwickler-Tools bearbeiten, es funktioniert gut, aber sobald ich es in meinem CSS Kind legen sie es nicht funktioniert.

Answer 1

Sie Syntaxfehler

@media {max-width: 979px) 

Notwendigkeit

@media (max-width: 979px) 

Answer 2

Die korrekte Syntax für eine Medien-Abfrage zu haben ist:

@media (max-width: 979px) { 
    #logo { 
    left: 50%; 
    position: relative; 
    -webkit-transform: translateX(-50%); 
    transform: translateX(-50%); 
    } 
} 

Als Referenz Using Media Queries @ MDN sehen.

The @media CSS at-rule associates a set of nested statements, in a CSS block that is delimited by curly braces, with a condition defined by a media query.