CSS Validation Issues — Reference
What each CSS Validator issue means, why it matters for maintainability and performance, and how to fix it — with links to MDN's CSS documentation.
The CSS Validator checks pasted CSS or a live stylesheet URL for syntax errors and common maintainability issues. Each issue it reports links here for a fuller explanation.
Unclosed or orphan bracesMissing or unmatched { }
Missing selectorA rule block with no selector before it
Multiple ID selectorsChaining several #ids in one selector
Deep selector chainsLong descendant-combinator selectors
Universal selectorUsing * broadly in a selector
Duplicate propertySame property declared twice in one rule
Invalid hex colorA #color value with the wrong digit count
Invalid declarationsA rule body that isn't valid property: value pairs
!important overuseSeveral !important flags in one rule
Unrecognized at-ruleAn @-rule outside the common, well-supported set
Empty or ruleless stylesheetNo CSS, or no rules detected
Unrecognized propertyA property name that isn't valid CSS
Missing unitA non-zero length value with no unit
Unrecognized pseudo-class/elementA :pseudo name that isn't valid CSS
Empty ruleA selector with no declarations inside it
Vendor prefix without standardA -webkit-/-moz- property with no unprefixed fallback
Color value out of rangeAn rgb()/rgba() channel outside its valid range
Duplicate selectorThe same selector defined in more than one rule block
Shorthand after longhandA shorthand property silently resetting an earlier longhand
Unit on a zero value0px, 0em, and 0% are all redundant — just use 0
Missing var() fallbackA CSS variable used with no fallback value
Invalid media queryAn @media condition that's empty or has unbalanced parens
Unquoted font familyA multi-word font name with no surrounding quotes
Empty url() valueurl() with nothing inside it
Pseudo-element missing content::before/::after with no content declaration