CSS lint解析錯誤 - 預計LBRACE錯誤

當我在CSS皮棉CSS看，他們不斷地報告解析錯誤，即「預期LBRACE錯誤」這是問題的一個截圖：screenshot

它們顯示在我的右括號問題。我檢查了幾次我的代碼，但我找不到，可能是什麼問題。

我意識到，如果我改變關鍵幀前綴的命令，那麼錯誤顯示在不同線路上（所以並不總是右括號）

這裏是我的代碼，請大家看看，讓我知道如果有人看到一個錯誤，又是什麼呢，謝謝你提前：

.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; } 
}

來源

2015-02-05 Remedy Lane

是否有可能您的linter認爲嵌套大括號是非法的？如果是這種情況，那麼你的linter不好，因爲這會使所有的媒體查詢產生錯誤。作爲一個測試，嘗試刪除關鍵幀內的停止符（以n％開頭的行）並查看是否修復了它。如果是這樣，請停止使用該棉絨！這只是一個黑暗中的刺，讓我知道測試的結果。 – 2015-02-05 15:50:52

感謝您的意見。我嘗試了你的建議，結果是一樣的。另外我在那裏粘貼了我的整個CSS，其中有很多媒體查詢，並沒有一個被報告爲錯誤，我也有其他幾個動畫，並且所有這些沒問題，只有這一個報告錯誤。下面是一個更復雜的動畫的例子，它傳遞的沒有錯誤：[link]（http://screencast.com/t/D77MXdhN）。所以它可能只是一個錯誤，不知道，但它會讓我很煩惱 – 2015-02-05 19:43:57

CSSLint不是怪罪。

問題是您的代碼中存在導致錯誤的隱形字符。只需將光標設置爲違規行和列，然後點擊退格鍵刪除有問題的字符。

如果您將以下代碼複製到csslint中，您將不會收到錯誤，因爲我刪除了違規字符。

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

來源

2016-01-06 21:32:14 Jake

是的你是對的，我後來意識到，但忘了在這裏更新。謝謝你回答，但！ – 2016-01-07 21:45:42

您正在使用csslint.net這似乎是一個bug。我簡化了你的例子，直到剩下這段簡短的完全有效的CSS代碼片段，並且錯誤仍然被拋出。試試吧......

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

來源

2015-02-05 16:02:28

CSS lint解析錯誤 - 預計LBRACE錯誤

回答

相關問題