noInvalidPositionAtImportRule

Diagnostic Category: lint/correctness/noInvalidPositionAtImportRule

CSS

Since: v1.8.0

注意

• This rule is recommended by Biome. A diagnostic error will appear when linting your code.

Sources:

• Same as: stylelint/no-invalid-position-at-import-rule

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

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

Section titled Examples

Invalid

Section titled Invalid

a {}
@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

Section titled Valid

@import 'foo.css';
a {}

Related links

Section titled Related links

• Disable a rule
• Configure the rule fix
• Rule options