Info Rule with an empty body
A selector with an opening and closing brace but no declarations inside — usually leftover from a refactor or an in-progress edit.
The validator flags a rule whose selector is followed by { } with no declarations at all inside.
Example
/* Flagged: nothing inside */
.old-banner {
}
/* Either fill it in, or remove it */
.old-banner {
display: none;
}Why it matters
An empty rule is valid CSS — it's simply a no-op, matching elements and applying nothing to them. It's flagged only informationally because it's rarely intentional: the most common cause is every declaration being deleted during a refactor while the selector and braces were left behind, or a rule block that was started and never finished. Leaving these in a stylesheet adds clutter with zero effect on the rendered page, and they're easy to accumulate silently over time.
Frequently asked questions
Does an empty rule cause any visible problem?
No — it has no effect on rendering at all. This is purely a housekeeping nudge, not a bug in the way most other validator issues are.
Is it ever intentional to leave an empty rule in place?
Occasionally, as a placeholder while actively working on a stylesheet, or to reserve a selector for a follow-up change. Outside of that, it's usually safe and cleaner to remove it.