@@ -638,39 +638,41 @@ <h3 id=error-handling><span class=secno>3.1. </span>Error Handling</h3>
638638 media query clause.</ p >
639639
640640 < li >
641- < p > < strong > Unknown media features.</ strong > User agents are to ignore a
642- media query when one of the specified media features is unknown.</ p >
641+ < p > < strong > Unknown media features.</ strong > User agents are to represent
642+ a media query as "< code > not all</ code > " when one of the specified media
643+ features is not known.</ p >
643644
644645 < div class =example >
645646 < pre > < span class =html-example > <link rel="stylesheet" media="screen and (max-weight: 3kg) and (color), (color)" href="example.css" /></ span > </ pre >
646647
647- < p > In this example, the first media query is rejected due to an unknown
648- media feature and unknown value, but the second media query is
649- evaluated as if the first had not been specified.</ p >
648+ < p > In this example, the first media query will be represented as
649+ " < code > not all </ code > " and evaluate to false and the second media query
650+ is evaluated as if the first had not been specified, effectively .</ p >
650651 </ div >
651652
652653 < div class =example >
653654 < pre > @media (min-orientation:portrait) { ... }</ pre >
654655
655- < p > Is dropped because the ‘< code
656+ < p > Is represented as " < code > not all </ code > " because the ‘< code
656657 class =css > orientation</ code > ’ feature does not accept the
657- ‘< code class =css > min-</ code > ’ prefix.
658+ ‘< code class =css > min-</ code > ’ prefix.</ p >
658659 </ div >
659660
660661 < li >
661662 < p > < strong > Unknown media feature values.</ strong > As with unknown media
662- features, user agents are to ignore a media query when one of the
663- specified media feature values is unknown .</ p >
663+ features, user agents are to represent a media query as " < code > not
664+ all </ code > " when one of the specified media feature values is not known .</ p >
664665
665666 < div class =example >
666667 < p > The media query < code > (color:20example)</ code > specifies an unknown
667668 value for the ‘< code class =css > color</ code > ’ media feature
668- and is therefore ignored .</ p >
669+ and is therefore represented as " < code > not all </ code > " .</ p >
669670 </ div >
670671
671672 < div class =example >
672- < p > This media query is invalid because negative lengths are not allowed
673- for the ‘< code class =css > width</ code > ’ media feature:
673+ < p > This media query is represented as "< code > not all</ code > " because
674+ negative lengths are not allowed for the ‘< code
675+ class =css > width</ code > ’ media feature:</ p >
674676
675677 < pre > @media (min-width: -100px) { ... }</ pre >
676678 </ div >
@@ -681,8 +683,9 @@ <h3 id=error-handling><span class=secno>3.1. </span>Error Handling</h3>
681683 until the end of the media query, while observing < a
682684 href ="http://www.w3.org/TR/CSS21/syndata.html#block "> the rules for
683685 matching pairs</ a > of (), [], {}, "", and '', and correctly handling
684- escapes. Media queries with unexpected tokens are ignored. < a
685- href ="#CSS21 " rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a >
686+ escapes. Media queries with unexpected tokens are represented as
687+ "< code > not all</ code > ". < a href ="#CSS21 "
688+ rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a >
686689
687690 < div class =example >
688691 < pre > @media (example, all,), speech { /* only applicable to speech devices */ }
@@ -697,18 +700,6 @@ <h3 id=error-handling><span class=secno>3.1. </span>Error Handling</h3>
697700 < pre > @media all and(color) { ... }</ pre >
698701 </ div >
699702
700- < p > When all media queries in a media query list are ignored it is the
701- same as if "< code > not all</ code > " was specified.</ p >
702-
703- < div class =example >
704- < p > The following lists of media queries would all end up as "< code > not
705- all</ code > ":</ p >
706-
707- < pre > @media test, @test { ... }
708- @media example { ... }
709- @media screen and (min-example), example { ...}</ pre >
710- </ div >
711-
712703 < p > Media queries are expected to follow the error handling rules of the
713704 host language as well.</ p >
714705
0 commit comments