Problemas de Validación CSS — Referencia

Qué significa cada problema del Validador CSS, por qué importa para mantenibilidad y rendimiento, y cómo solucionarlo — con enlaces a MDN.

El Validador CSS revisa CSS pegado o una URL de hoja de estilos en vivo en busca de errores de sintaxis y problemas comunes de mantenibilidad. Cada problema que reporta enlaza aquí para una explicación más completa.

Llaves sin cerrar o huérfanas{ } faltantes o desemparejadas Selector faltanteUn bloque de regla sin ningún selector antes Múltiples selectores de idEncadenar varios #id en un mismo selector Cadenas de selectores profundasSelectores largos con combinadores descendientes Selector universalUsar * de forma amplia en un selector Propiedad duplicadaLa misma propiedad declarada dos veces en una regla Color hexadecimal inválidoUn valor #color con la cantidad de dígitos equivocada Declaraciones inválidasUn cuerpo de regla que no son pares válidos propiedad: valor Abuso de !importantVarios !important en una misma regla At-rule no reconocidaUna regla @ fuera del conjunto común y bien soportado Hoja de estilos vacía o sin reglasSin CSS, o sin reglas detectadas Propiedad no reconocidaUn nombre de propiedad que no es CSS válido Unidad faltanteUn valor de longitud distinto de cero sin unidad Pseudo-clase/elemento no reconocidoUn nombre :pseudo que no es CSS válido Regla vacíaUn selector sin declaraciones dentro Prefijo de proveedor sin la versión estándarUna propiedad -webkit-/-moz- sin su versión sin prefijo Valor de color fuera de rangoUn canal de rgb()/rgba() fuera de su rango válido Selector duplicadoEl mismo selector definido en más de un bloque de regla Shorthand después de longhandUna propiedad shorthand que reinicia en silencio un longhand anterior Unidad en un valor cero0px, 0em y 0% son todos redundantes — basta con 0 Falta el fallback de var()Una variable CSS usada sin valor de respaldo Media query inválidaUna condición de @media vacía o con paréntesis desbalanceados Familia de fuente sin comillasUn nombre de fuente de varias palabras sin comillas alrededor Valor url() vacíourl() sin nada dentro Pseudo-elemento sin content::before/::after sin una declaración content