Locate CSS Error Location
My page throws errors in Firefox Nightly such as
Expected color but found ‘undefined’. Error in parsing value for ‘background-color’. Declaration dropped. preview.htm:1:1
and
Expected color but found ‘undefined’. Error in parsing value for ‘color’. Declaration dropped. preview.htm:1:1
The page references ten CSS files besides having dozens of its own CSS declarations. The issue is tha the reference provided to the error (:1:1) does not indicate where I can find the error. That is, I don't know which declaration is at fault. Is there some straighforward way to find the declaration in question?
All Replies (6)
I'm guessing it's my CSS but the issue is that there appears to be no way for me to tell which declaration throws the error.
You should post your css edits to a css forum and have someone there look to see if there is corrections to be made to the custom user css.
The issue is not that there's a CSS error but that Firefox, though acknowledging there is an error, does not provide any useful information as to where the error occurred.
You probably are using minified files that consist of one long line to optimize loading and not the original files with line breaks and thus Firefox can't show where this error occurs. If you see preview.htm:1:1 then this means that you have embedded the CSS rules in the main HTML file. You can try an online CSS validate website to check for issues.
Thanks for the reply. My CSS is not minified (perhaps there's some 3rd party extension's CSS that Firefox is finding?) At any rate the CSS validator cannot handle container nor nested queries.
You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.