The unknown media feature that the example is referring to is max-weight
. Once that is encountered, the 3kg
value is no longer relevant since it will never be applicable anyway, because the browser won't know what to do with max-weight
in the first place. So it skips that media query altogether, leaving you effectively with this:
<link rel="stylesheet" media="not all, (color)" href="example.css" />
Which is the same as this:
<link rel="stylesheet" media="(color)" href="example.css" />
Media features are described in another section. The first sentence states:
Syntactically, media features resemble CSS properties: they have names and accept certain values.
So it only makes sense to describe error handling of the media features themselves first, then handling of their values.