CSS lint parsing error - expected LBRACE error

Question

Need some help.

When looking at my CSS in CSS lint, they constantly report a parsing error, namely \'expected LBRACE error\' Here is a screenshot of the issue: scree

Answer 1

CSSLint is not to blame.

The problem is that an invisible character is present in your code that is causing the error. Simply set your cursor to the offending line and column and hit backspace to erase the problematic character.

If you copy this code below to csslint you will not get an error because I removed the offending character.

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

Answer 2

You are using csslint.net which seems to have a bug. I boiled down your example until I was left with just this short snippet of perfectly valid CSS and the error was still thrown. Try it...

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