sass - 字体命名空间的 stylelint 中断？

Question

我有一个名为foo.scss内容的文件：

.foo {
    font: {
        family: arial;
        weight: 600;
    }
}

在命令行上使用 stylelint 8.4.0 进行 Linting 会产生以下输出：

foo.scss 2:5 ✖ Cannot parse selector parseError

但是，我希望这种 sass 语法能够工作，因为它在https://sass-lang.com/documentation/file.SASS_REFERENCE.html#nested_properties的 sass 文档中有所描述

Answer 1

您缺少:afterfont所以 sass 将font其视为选择器family和weight属性。您需要添加:afterfont以获得所需的结果：

.foo {
    font: {
        family: arial;
        weight: 600;
    }
}

似乎stylelint不能处理一些特殊的scss语法。我认为最好的选择是 lintcss输出（通过postcss）而不是scss它本身。

请参阅解析非标准语法以正确 lintscss或sass文件。

Answer 2

升级到 stylelint 9.4（从 8.4）解决了我的问题。