Vim 编辑器 :last-child 和 :first-child 嵌套 css 错误

Question

我已经启动了 Vim (v8) 并为 css3 准备了适当的语法高亮显示。我正在使用名为 precss 的 postcss 插件在我的代码中提供类似“SASS”的语法。

但是，当我使用带有“&:last-child”或&:first-child 的嵌套选择器时，语法会引发错误。它不会破坏代码或任何东西，但那个“红色”错误让我分心。检查下面的屏幕截图。

任何人都可以弄清楚如何使这个错误消失？我使用了一个名为 vim-css3-syntax 的插件，它包括 scss 语法高亮。

编辑：通过下载 https://github.com/cakebaker/scss-syntax.vim 然后添加 au BufRead,BufNewFile *.css set filetype=scss.css 修复它

提前致谢。

Answer 1

您在 CSS 中使用 SCSS 语法（嵌套块、& 等）这一事实使您的 CSS 无效。

如果你想避免语法错误，你有两个途径：

• 停止在您的 CSS 文件中使用 SCSS 语法，
• 确保您的文件被识别为：SCSS。

我认为第一条路径是最明智的。毕竟谁在*.rb 文件中编写JavaScript 或在*.css 文件中编写SCSS？但是，如果您选择第二个，您可以简单地这样做：

setf scss

--- 编辑---

假设我们有这样的代码：

body {
    background-color: white;
}

它既是有效的 CSS 又是有效的 SCSS，因为 SCSS 是 CSS 的 超集。任何有效的 CSS 都会自动成为有效的 SCSS。无论文件扩展名（*.css、*.scss）和文件类型（css、scss）如何，Vim 都会愉快地显示它而不会出现任何错误。

现在，假设我们有这样的代码：

body {
    h1 {
        background-color: $brand-1;
    }
}

它是有效的 SCSS，但不是有效的 CSS。如果您将该代码写入具有css 文件类型的*.css 文件中，则会出现错误，因为它不是CSS。如果您将该代码写入具有 scss 文件类型的 *.scss 文件中，则不会出现错误，因为它是有效的 SCSS。