An empty rule is one that doesn't contain any properties or variable declarations. A lot of times, empty rules appear as a result of refactoring without further cleanup. Eliminating empty rules results in smaller file sizes and less style information for the browser to deal with.

Noncompliant Code Example

.foo {
}

.foo {
  /* blabla */
}

@font-face {
}

stylelint Related Rules

• block-no-empty