如何在 Stylelint 中定义需要在选择器中换行前使用逗号的规则？

Question

我正在为我的 VS 代码编辑器设置一个 .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 {}

因为 descendant combinator 是任何空格，包括换行符。

但是，您可以 write your own plugin for stylelint 在选择器的每行末尾强制使用逗号，但插件的后果可能有问题，除非您可以保证选择器列表中的每个选择器将占据一行。

How to define rule in Stylelint which requires comma before newline in selectors?