noEmptyBlock

摘要

¥Summary

规则生效日期：v1.8.0

¥Rule available since: v1.8.0
诊断类别：lint/suspicious/noEmptyBlock

¥Diagnostic Category: lint/suspicious/noEmptyBlock
此规则为推荐规则，默认启用。

¥This rule is recommended, which means is enabled by default.
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 warning。

¥The default severity of this rule is warning.
来源：

¥Sources:
- 与 block-no-empty 相同
  
  ¥Same as block-no-empty

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "suspicious": {
5
        "noEmptyBlock": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

禁止 CSS 空块。

¥Disallow CSS empty blocks.

默认情况下，它将允许带有注释的空块。

¥By default, it will allow empty blocks with comments inside.

示例

¥Examples

无效

¥Invalid

1
p {}

code-block.css:1:3 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ An empty block isn’t allowed.
  
  > 1 │ p {}
      │   ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

1
.b {}

code-block.css:1:4 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ An empty block isn’t allowed.
  
  > 1 │ .b {}
      │    ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

1
@media print { a {} }

code-block.css:1:18 lint/suspicious/noEmptyBlock ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ⚠ An empty block isn’t allowed.
  
  > 1 │ @media print { a {} }
      │                  ^^
    2 │ 
  
  ℹ Consider removing the empty block or adding styles inside it.

有效

¥Valid

1
p {
2
  color: red;
3
}

1
p { /* foo */ }

1
@media print { a { color: pink; } }

noEmptyBlock

摘要

如何配置

描述

示例

无效

有效

相关链接