Loading
A CSS rule that applies styles only when certain conditions are true — like saying 'wear a coat if it's cold outside.'
A conditional block in CSS that evaluates viewport features (width, height, orientation) or user preferences (color-scheme, reduced-motion) and applies enclosed rules only when the condition matches.
Media Queries Level 5 extends the grammar with range syntax (width >= 768px), custom media queries, and interaction-media features (pointer, hover). The @media rule evaluates against a media query list; each query is a media type plus zero or more feature expressions joined by 'and', 'or', or 'not' with short-circuit evaluation.