Как определить правило в Stylelint, которое требует запятой перед новой строкой в ​​селекторах?

Question

Я настраиваю файл .stylint для моего редактора VS Code. Вот пример:

#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, который вводит запятую в конце каждой строки селектора, но последствия этого плагина могут быть проблематичными, если только вы может гарантировать, что каждый селектор в списке селекторов будет занимать одну строку.