noInvalidPositionAtImportRule

摘要

¥Summary

规则生效日期：v1.8.0

¥Rule available since: v1.8.0
诊断类别：lint/correctness/noInvalidPositionAtImportRule

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

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

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

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

¥Sources:
- 与 no-invalid-position-at-import-rule 相同
  
  ¥Same as no-invalid-position-at-import-rule

如何配置

¥How to configure

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

描述

¥Description

禁止在无效位置使用 @import at-rules。

¥Disallow the use of @import at-rules in invalid positions.

任何 @import 规则都必须位于样式表中所有其他有效的 at 规则和样式规则之前（忽略 @charset 和 @layer），否则 @import 规则无效。

¥Any @import rules must precede all other valid at-rules and style rules in a stylesheet (ignoring @charset and @layer), or else the @import rule is invalid.

示例

¥Examples

无效

¥Invalid

1
a {}
2
@import 'foo.css';

code-block.css:2:2 lint/correctness/noInvalidPositionAtImportRule ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ This @import is in the wrong position.
  
    1 │ a {}
  > 2 │ @import ‘foo.css’;
      │  ^^^^^^^^^^^^^^^^^
    3 │ 
  
  ℹ Any @import rules must precede all other valid at-rules and style rules in a stylesheet (ignoring @charset and @layer), or else the @import rule is invalid.
  
  ℹ Consider moving import position.

有效

¥Valid

1
@import 'foo.css';
2
a {}

noInvalidPositionAtImportRule

摘要

如何配置

描述

示例

无效

有效

相关链接