2015-04-21 70 views
2

我有一個包含一個基本的SCSS文件(除其他事項外)本SASS無效頂級表達式:上@ -MS-關鍵幀

@keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-moz-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-webkit-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

@-ms-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}​ 
    // <--- Error thrown on this line 
@-o-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
} 

當嘗試編譯,我上線得到一個invalid top level expression我在我上面的代碼中指出。好吧,所以我嘗試刪除以下代碼:

@-ms-keyframes fade{ 
    0% { opacity: 0; } 
    100% { opacity: 1; } 
}​ 

現在它編譯得很好。爲什麼sass對這段代碼有問題?我正在使用node-sass(libsass 3.2)。

回答

1

我想你可能會在你的SASS中粘貼一個意外的字符,或者有人故意搞砸你。您的SASS在使用Libsass 3.1.0的SassMeister上編譯得很好。不過要注意的是,如果你複製粘貼你的代碼片段到SassMeister中,你會得到這個奇怪的未知字符,直到錯誤發生。進一步檢查時,您的代碼片段中有一個&#8203;實體。所以......這是一個SO錯誤或一個意外複製粘貼。

...請告訴我不是瘋了。

HTML Entity

+0

請不要回答明顯的重複。這個問題應該已經結束了,沒有回答。 – cimmanon

+1

這不是同一個錯誤,需要回答 – wart