沒有無效 @import 規則位置

禁止無效位置的 @import 規則。

a {}
@import 'foo.css';
/** ↑
  * This @import */

任何 @import 規則都必須先於樣式表中所有其他有效的 at 規則和樣式規則（忽略 @charset 和 @layer），否則 @import 規則無效。

選項

true

以下模式被視為問題

a {}
@import 'foo.css';

@media print {}
@import 'foo.css';

以下模式不會被視為問題

@import 'foo.css';
a {}

/* some comment */
@import 'foo.css';

@charset 'utf-8';
@import 'foo.css';

@layer default;
@import url(theme.css) layer(theme);

可選的次要選項

ignoreAtRules: ["/regex/", /regex/, "string"]

給定

["/^--my-/", "--custom"]

以下模式不會被視為問題

@--my-at-rule "bar.css";
@import "foo.css";

@--my-other-at-rule {}
@import "foo.css";

@--custom "bar.css";
@import "foo.css"