Parsing CSS lint分析错误-预期的LBRACE错误

我需要一些帮助

在CSS lint中查看我的CSS时，他们不断报告一个解析错误，即“预期的LBRACE错误” 以下是该问题的屏幕截图：

它们在我的结束括号中显示问题。我检查了我的代码好几次，我就是找不到，可能是什么问题

如果我更改关键帧前缀顺序，那么错误会显示在不同的行上，因此不总是显示在右括号中

这是我的代码，请看一下，如果有人看到错误，请告诉我，是什么，提前谢谢：

.flat-desktop-content {
    background: url("../images/flat-desktop-content.svg") no-repeat scroll 0 0 transparent;
    background-size: cover;
    width: 360px;
    height: 290px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    -webkit-animation: flat-desktop 6s ease infinite;
       -moz-animation: flat-desktop 6s ease infinite;
            animation: flat-desktop 6s ease infinite;
}

@-webkit-keyframes flat-desktop {
    0% { background-position: 0 0; }
    50% { background-position: 0 -234px;}
    0% { background-position: 0 0; }
}

@-moz-keyframes flat-desktop {
    0% { background-position: 0 0; }
    50% { background-position: 0 -234px;}
    0% { background-position: 0 0; }
}

@keyframes flat-desktop {
    0% { background-position: 0 0; }
    50% { background-position: 0 -234px; }
    0% { background-position: 0 0; }
}​

您正在使用似乎有bug的。我简化了你的例子，直到我只剩下这段完全有效的CSS，错误仍然被抛出。试试看

@keyframes monkey {
    0% { background-position: 0 0; }
    50% { background-position: 0 -100px; }
}​

---

CSSLint不是罪魁祸首

问题是代码中存在导致错误的不可见字符。只需将光标设置到有问题的行和列，然后单击backspace删除有问题的字符

@keyframes monkey {
    0% { background-position: 0 0; }
    50% { background-position: 0 -100px; }
}

如果您将下面的代码复制到csslint，您将不会得到错误，因为我删除了有问题的字符

@keyframes monkey {
    0% { background-position: 0 0; }
    50% { background-position: 0 -100px; }
}

---

有没有可能你的linter认为嵌套的花括号是非法的？如果是这种情况，那么您的linter不好，因为这会使所有媒体查询抛出错误。作为测试，请尝试删除关键帧内以n%开头的线的停止点，并查看是否修复了它。如果是这样的话，就别用那根短绒了！这只是一个试探，让我知道测试结果。谢谢你的输入。我试了你的建议，结果是一样的。。我还粘贴了我的整个css，其中有很多媒体查询，没有一个被报告为错误，我还有其他几个动画，所有这些都是好的，只有这一个报告了错误。下面是一个更复杂的动画示例，它在传递时没有出现错误：。所以这可能真的只是一个bug，不确定，但它让我很恼火是的，你是对的，我后来意识到了这一点，但忘了在这里更新。谢谢你的回答！