Sass错误:在“…”之后的CSS无效;。。。0,0,-5度);}&引用;:应为1个选择器或at规则,为;{quot;

Sass错误:在“…”之后的CSS无效;。。。0,0,-5度);}&引用;:应为1个选择器或at规则,为;{quot;,css,sass,compilation,Css,Sass,Compilation,编译此文件时抛出Sass错误: @keyframes flipInX from transform: perspective(400px) rotate3d(1, 0, 0, 90deg) animation-timing-function: ease-in opacity: 0 40% transform: perspective(400px) rotate3d(1, 0, 0, -20deg)

编译此文件时抛出Sass错误:

@keyframes flipInX

    from
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
        animation-timing-function: ease-in
        opacity: 0

    40%
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
        animation-timing-function: ease-in

    60%
        opacity: 1
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg)

    80%
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg)

    to
        transform: perspective(400px)
错误指向这一行:

    ...
80%
变换:透视(400px)旋转3d(1,0,0,-5度)

这个错误过去在不同的地方出现过,在切换行或重新键入制表符和/或新行键入后消失了。这似乎是一个bug,非常烦人。我如何解决这个问题


顺便说一句,如果能帮上忙的话,我正在使用Supreme Text 3…

在我看来,这就像是你的缩进。 Sass具有缩进语法–缩进等同于使用
{}

在您的示例中缺少缩进,因此无法正确编译代码

将您的代码复制到代码笔中并对其进行缩进对我来说是在修复错误:

@keyframes flipInX
  from
      transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
      animation-timing-function: ease-in
      opacity: 0
  40%
      transform: perspective(400px) rotate3d(1, 0, 0, -20deg)
      animation-timing-function: ease-in      
  60%
      opacity: 1
      transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
  80%
      transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
  to
      transform: perspective(400px)

缩进由两个空格组成,没有制表符。我在这里找到了解决此问题的方法:

问题在于我的编辑器中的缩进不正确(感谢)。在Sublime文本中更改首选项可以解决问题(我希望它不会再次出现)。首选项是:

"tab_size": 2,
"translate_tabs_to_spaces": true,
"detect_indentation": false,

是的,复制到codepen并为其提供缩进修复了问题。codepen每个选项卡使用2个空格。我在编辑器中为每个选项卡缩进重新键入了4个空格,但问题仍然存在…可能编辑器导致识别问题。如何修复它-是Sass指南中的问题()它说Sass需要两个空格的缩进。你能解释一下你的评论“我在我的编辑器中为每个选项卡重新键入了4个空格”吗?还有关于如何更改缩进的答案(2个空格到4个空格)对于Sass on SO:@DanielSixl in Sublime,你可以告诉它缩进时使用制表符或空格。你还可以告诉它缩进时有多少空格。我相信这就是OP所说的。我在编辑器中重新键入制表符,每个制表符4个空格意味着-我用4个空格的制表符替换2个空格的制表符。谢谢链接。当我打开Sass时,我也看到了文件与写字板,我看到3个空格的标签和缺少的标签和idk为什么升华显示不同,然后它是在文件中…我尝试视觉代码编辑器和Notpad++和他们显示文件一样升华…旁注:有一个快捷方式在升华文本,如果需要缩进经常改变:只需点击右下角的信息消息关于当前缩进的do文档。将显示包含所有选项的上下文菜单。
"tab_size": 2,
"translate_tabs_to_spaces": true,
"detect_indentation": false,