如何在 Stylelint 中定义规则，该规则要求在选择器中的换行符之前使用逗号

Question

我正在为我的VS Code编辑器设置一个.stylint文件。下面是示例：

#main > div // there is no comma so stylint should throw an error here
div {
     ...
}
#main > div, // this is ok, no error here
div {
     ...
}

Answer 1

使用 stylelint 中的内置规则无法执行此操作，因为以下选择器是有效的选择器：

#main > div
div {}

它相当于：

#main > div div {}

由于后代组合符是任何空格，包括换行符。

但是，您可以为 stylelint 编写自己的插件，在选择器的每一行末尾强制使用逗号，但插件的后果可能会有问题，除非您可以保证选择器列表中的每个选择器将占用一行。