Invalid CSS after „@media”: expected selector

Invalid CSS hiba: @media blokkban hiányzik a selector, zárójel, ellenőrizd a szintaxist.

Invalid CSS after media

Hibaüzenet

Invalid CSS after "@media": expected selector

Hibás kód

@media screen and (max-width: 600px) {
color: red;
}

Javított kód

@media screen and (max-width: 600px) {
  .box { color: red; }
}

Magyarázat

Invalid CSS after „@media”: expected selector hiba akkor fordul elő, amikor egy @media szabályon belül nem adsz meg érvényes CSS szelektort a deklaráció előtt. A parser így nem találja a szabályt, és hibát dob. A megoldás, hogy a @media blokk belsejében egy valid szelektort használj, pl. `.box { color: red; }`, és tartsd be a pontosvessző és kapcsos zárójel használatot.

További információ: MDN – @media