Skip to main content

block-closing-brace-newline-after

警告

此规则已弃用，并将在将来删除。 参见 迁移指南。

在块的右大括号后面需要换行符或不允许有空格。

a { color: pink; }
a { color: red; }↑
/**              ↑
 * The newline after this brace */

此规则允许行尾注释与右大括号之间用空格分隔，只要注释不包含换行符即可。 例如，

a {
  color: pink;
} /* end-of-line comment */

此规则允许在块的右大括号后使用尾随分号。 例如，

:root {
  --toolbar-theme: {
    background-color: hsl(120, 70%, 95%);
  };
/* ↑
 * This semicolon */
}

fix 选项 可以自动修复此规则报告的所有问题。

选项​

string： "always"|"always-single-line"|"never-single-line"|"always-multi-line"|"never-multi-line"

"always"​

右大括号后面必须始终有一个换行符。

以下模式被视为问题：

a { color: pink; }b { color: red; }
a { color: pink;
} b { color: red; }

以下模式不被视为问题：

a { color: pink; }
b { color: red; }

"always-single-line"​

在单行块中，右大括号后面必须始终有一个换行符。

以下模式被视为问题：

a { color: pink; } b { color: red; }

以下模式不被视为问题：

a { color: pink;
} b { color: red; }
a { color: pink; }
b { color: red; }

"never-single-line"​

单行块中的右大括号后面绝对不能有空格。

以下模式被视为问题：

a { color: pink; } b { color: red; }

以下模式不被视为问题：

a { color: pink; }b { color: red; }
a { color: pink;
} b { color: red; }

"always-multi-line"​

在多行块中，右大括号后面必须始终有一个换行符。

以下模式被视为问题：

a { color: pink;
}b { color: red; }

以下模式不被视为问题：

a { color: pink; }b { color: red; }
a { color: pink;
}
b { color: red; }

"never-multi-line"​

多行块中的右大括号后面绝对不能有空格。

以下模式被视为问题：

a { color: pink;
} b { color: red; }

以下模式不被视为问题：

a { color: pink; } b { color: red; }
a { color: pink;
}b { color: red; }

可选的辅助选项​

ignoreAtRules: ["/regex/", "non-regex"]​

忽略指定的 at 规则。

例如，使用 "always" 或 "always-multi-line"。

鉴于：

["if", "else"]

以下模式不被视为问题：

@if ($var) {
  color: pink;
} @else if ($var2) {
  color: red;
} @else {
  color: blue;
}
@if ($var) { color: pink; } @else { color: blue; }