UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_2) AppleWebKit/602.3.12 (KHTML, like Gecko) Version/10.0.2 Safari/602.3.12

Steps to reproduce the problem:
1. Open the attached test case
2. Note the color of the backgound.

What is the expected behavior?
The background should be green.

What went wrong?
The background is red.

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 53.0.2785.116  Channel: stable
OS Version: OS X 10.12.2
Flash Version: 

Fails in Firefox too, but works in WebKit.

Definition of syntax:
https://www.w3.org/TR/css3-mediaqueries/#syntax

it says:
media_query : [ONLY | NOT]? S* media_type S* [ AND S* expression ]*

so spaces after "AND" and before an '(' expression is optional, not required.

The test case is this simple code:

<style>
body { background-color: red; }
@media screen and(min-width:42px) {
    body { background-color: green; }
}
</style>
Hello world.

notice the lack of space between "and" and "(".
 

Deleted: test.html 135 bytes

test.html 135 bytes View Download