9463 2010-04-09 10:01:34 +0000 Parsing error of @media in CSS2 (should discard invalid statements and resume at the next one) 2011-10-31 14:34:47 +0000 1 1 1 Unclassified CSSValidator Parser CSS Validator All All NEW http://jigsaw.w3.org/css-validator/validator?text=%40media+handheld%2C+only+screen+and+%28color%29+{+body+{+color%3Ablue%3B+}+} media P2 normal --- 1 alexandre dave.null ylafon www-validator-cvs oldest_to_newest 34700 0 alexandre 2010-04-09 10:01:34 +0000 Hello, This bug is a CSS2 parsing error, and has a little relation to CSS3 media-queries. An @media rule specifies the target media types (separated by commas) of a set of statements (delimited by curly braces). Invalid statements must be ignored. http://www.w3.org/TR/CSS21/media.html#at-media-rule @media statement1, statement2, statement3 { ... } Currently the CSS validator will wrongly discard the whole @media rule if one of the statements is invalid, for instance a statement like "this is an error" containing multiple spaces (side note: this is used by CSS3). == Example == @media handheld, only screen and (color) { body { color:blue; } } We know that the statement "only screen and (color)" is invalid in CSS2 and should be discarded, but the other statement "handheld" is valid in CSS2 and should be kept. The CSS Validator returns: 1 unrecognized media only 1 Parse Error screen and (color) { body { color:blue; } } @media handheld The modified CSS stylesheet returned by the validator is invalid, and does not contain the body of @media handheld { ... } Please note that the example is taken from CSS3 to be relevant, but as far as CSS2 is concerned, it should work just like "@media handheld, some invalid statement, another invalid statement { ... }". == See also == CSS3 media-queries: http://www.w3.org/TR/css3-mediaqueries/#error-handling Best regards, Alexandre http://alexandre.alapetite.fr 59295 1 ylafon 2011-10-31 14:34:47 +0000 From CSS2: << @media and @import rules with unknown media types (that are nonetheless valid identifiers) are treated as if the unknown media types are not present. If an @media/@import rule contains a malformed media type (not an identifier) then the statement is invalid. >> In that case, 'only screen and (color)' is not a valid identifier. However, the bug still stands for '@media print, foo' as erors should be reported but validation should continue.