2

助けが要る。

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; }
}​
4

2 に答える 2

4

CSSLint のせいではありません。

問題は、エラーの原因となっている非表示の文字がコードに存在することです。問題のある行と列にカーソルを合わせてバックスペースを押すだけで、問題のある文字を消去できます。

以下のコードを csslint にコピーすると、問題のある文字を削除したため、エラーは発生しません。

@keyframes monkey {
    0% { background-position: 0 0; }
    50% { background-position: 0 -100px; }
}
于 2016-01-06T21:32:14.970 に答える
0

バグがあると思われるcsslint.netを使用しています。完全に有効な CSS のこの短いスニペットだけが残るまで、例を煮詰めて、それでもエラーがスローされました。それを試してみてください...

@keyframes monkey {
    0% { background-position: 0 0; }
    50% { background-position: 0 -100px; }
}​
于 2015-02-05T16:02:28.977 に答える