at-规则在visual studio中不起作用

Question

所以我使用这个链接中的代码：http : //thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background

其中包含：

@-webkit-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-moz-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}
@-o-keyframes moveclouds {
0% {margin-left: 1000px;}
100% {margin-left: -1000px;}
}

它导致了这个错误：

---

“解析器错误

说明：解析服务此请求所需的资源期间发生错误。请查看以下特定解析错误详细信息并适当修改您的源文件。

解析器错误消息：“-”在代码块的开头无效。只有标识符、关键字、注释、“(”和“{”是有效的。

源错误：

第 185 行：} 第 186 行：第 187 行：@-o-keyframes moveclouds { 第 188 行：0% { 第 189 行：margin-left：1000px；”

如果我删除“规则”，它会工作得很好；然而，云不会移动。

Answer 1

由于 Visual Studio 的“@”符号表示 CSHTML 文件中 .net 代码的开头，因此需要将“@”符号加倍以将其取消。像这样：

@@-webkit-keyframes moveclouds {
    0% {margin-left: 1000px;}
    100% {margin-left: -1000px;}
}

但是，如果您在 CSS 文件中添加 CSS 代码，一个“@”符号将起作用，如下所示：

@-webkit-keyframes moveclouds {
        0% {margin-left: 1000px;}
        100% {margin-left: -1000px;}
    }