Info At-rule no reconocida o poco común
Qué at-rules trata el validador como comunes y seguras, y por qué cualquier cosa fuera de ese conjunto se marca para una revisión manual.
El validador reconoce @media, @supports, @keyframes, @font-face, @page, @layer, @container y @scope como at-rules comunes y bien entendidas. Cualquier otra cosa — @import, @charset, @font-feature-values, un error de tipeo como @medai, o una at-rule más nueva o experimental — se marca como informativa, solo para pedir una revisión manual.
Por qué importa
Esto no es necesariamente un error — solo significa que la at-rule cae fuera del conjunto reconocido por el validador, lo cual podría ser una regla perfectamente válida pero menos común (@import es CSS válido, solo que generalmente es mejor reemplazarlo con un empaquetador en tiempo de build por razones de rendimiento), una función CSS más nueva a la que la lista del validador todavía no se ha puesto al día, o un verdadero error de tipeo en el nombre de la at-rule. Vale la pena echar un vistazo manual rápido para confirmar cuál de estos casos es.
Frequently asked questions
¿@import siempre es un error?
Es CSS válido, pero cada @import fuerza una solicitud de red secuencial adicional antes de que se apliquen las reglas de la hoja de estilos importada, lo cual puede ralentizar notablemente la carga de la página. La mayoría de las configuraciones modernas prefieren empaquetar las hojas de estilos en tiempo de build en su lugar, por eso el validador lo señala para revisión en vez de tratarlo como algo totalmente esperado.
¿Por qué el validador no reconoce toda at-rule válida?
CSS gana nuevas at-rules con el tiempo, y la lista reconocida del validador cubre las de uso común diario. Un aviso aquí no significa inválido — solo lo bastante poco común como para valer un segundo vistazo, por si en realidad es un error de tipeo.