如何在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 {}

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

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