66 content ="text/html; charset=utf-8 " http-equiv =Content-Type >
77
88 < title > CSS Conditional Rules Module Level 3</ title >
9- < link href ="../css-module/ default.css " rel =stylesheet type ="text/css ">
9+ < link href ="../default.css " rel =stylesheet type ="text/css ">
1010 < link href ="http://www.w3.org/StyleSheets/TR/W3C-ED.css " rel =stylesheet
1111 type ="text/css ">
1212
1717
1818 < h1 > CSS Conditional Rules Module Level 3</ h1 >
1919
20- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 25 November
21- 2011</ h2 >
20+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 28 March 2012</ h2 >
2221
2322 < dl >
2423 < dt > This version:
2524
26- < dd > < a href ="http://www.w3.org/TR/2011 /ED-css3-conditional-20111125 / ">
27- http://www.w3.org/TR/2011 /ED-css3-conditional-20111125 /</ a >
25+ < dd > < a href ="http://www.w3.org/TR/2012 /ED-css3-conditional-20120328 / ">
26+ http://www.w3.org/TR/2012 /ED-css3-conditional-20120328 /</ a >
2827
2928 < dt > Latest version:
3029
@@ -67,13 +66,12 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 November
6766 <!--begin-copyright-->
6867 < p class =copyright > < a
6968 href ="http://www.w3.org/Consortium/Legal/ipr-notice#Copyright "
70- rel =license > Copyright</ a > © 2011 < a
71- href ="http://www.w3.org/ "> < acronym
72- title ="World Wide Web Consortium "> W3C</ acronym > </ a > < sup > ®</ sup > (< a
73- href ="http://www.csail.mit.edu/ "> < acronym
74- title ="Massachusetts Institute of Technology "> MIT</ acronym > </ a > , < a
75- href ="http://www.ercim.eu/ "> < acronym
76- title ="European Research Consortium for Informatics and Mathematics "> ERCIM</ acronym > </ a > ,
69+ rel =license > Copyright</ a > © 2012 < a href ="http://www.w3.org/ "> < abbr
70+ title ="World Wide Web Consortium "> W3C</ abbr > </ a > < sup > ®</ sup > (< a
71+ href ="http://www.csail.mit.edu/ "> < abbr
72+ title ="Massachusetts Institute of Technology "> MIT</ abbr > </ a > , < a
73+ href ="http://www.ercim.eu/ "> < abbr
74+ title ="European Research Consortium for Informatics and Mathematics "> ERCIM</ abbr > </ a > ,
7775 < a href ="http://www.keio.ac.jp/ "> Keio</ a > ), All Rights Reserved. W3C < a
7876 href ="http://www.w3.org/Consortium/Legal/ipr-notice#Legal_Disclaimer "> liability</ a > ,
7977 < a
@@ -97,9 +95,9 @@ <h2 class="no-num no-toc" id=abstract>Abstract</h2>
9795 level 1 < a href ="#CSS1 " rel =biblioentry > [CSS1]<!--{{CSS1}}--> </ a > .
9896 The main extensions compared to level 2 are allowing nesting of
9997 certain at-rules inside ‘< code class =css > @media</ code > ’, the
100- addition of the ‘< code class = css > @supports </ code > ’ and
101- ‘ < code class =css > @document </ code > ’ rules for conditional
102- processing.
98+ addition of the ‘< a href =" #dfn-support " > < code
99+ class =css > @supports </ code > </ a > ’ and ‘ < code
100+ class = css > @document </ code > ’ rules for conditional processing.
103101
104102 < h2 class ="no-num no-toc " id =status > Status of this document</ h2 >
105103 <!--begin-status-->
@@ -153,9 +151,10 @@ <h2 class="no-num no-toc" id=status>Status of this document</h2>
153151 be removed to advance the other features in this specification to
154152 Proposed Recommendation.
155153
156- < li > The ‘< code class =css > @supports</ code > ’ rule is at risk; if
157- interoperable implementations are not found, it may be removed to advance
158- the other features in this specification to Proposed Recommendation.
154+ < li > The ‘< a href ="#dfn-support "> < code
155+ class =css > @supports</ code > </ a > ’ rule is at risk; if interoperable
156+ implementations are not found, it may be removed to advance the other
157+ features in this specification to Proposed Recommendation.
159158
160159 < li > The ‘< code class =css > @document</ code > ’ rule is at risk; if
161160 interoperable implementations are not found, it may be removed to advance
@@ -262,15 +261,17 @@ <h3 id=context><span class=secno>1.1. </span>Background</h3>
262261 single style sheet.
263262
264263 < p > This specification also defines additional types of conditional group
265- rules, ‘< code class =css > @supports</ code > ’ and ‘< code
264+ rules, ‘< a href ="#dfn-support "> < code
265+ class =css > @supports</ code > </ a > ’ and ‘< code
266266 class =css > @document</ code > ’, to address author and user
267267 requirements.
268268
269- < p > The ‘< code class =css > @supports</ code > ’ rule allows CSS to be
270- conditioned on implementation support for CSS properties and values. This
271- rule makes it much easier for authors to use new CSS features and provide
272- good fallback for implementations that do not support those features. This
273- is particularly important for CSS features that provide new layout
269+ < p > The ‘< a href ="#dfn-support "> < code
270+ class =css > @supports</ code > </ a > ’ rule allows CSS to be conditioned on
271+ implementation support for CSS properties and values. This rule makes it
272+ much easier for authors to use new CSS features and provide good fallback
273+ for implementations that do not support those features. This is
274+ particularly important for CSS features that provide new layout
274275 mechanisms, and for other cases where a set of related styles needs to be
275276 conditioned on property support.
276277
@@ -514,7 +515,8 @@ <h2 id=at-media><span class=secno>5. </span>Media-specific style sheets:
514515 < code > S+</ code > . Is that correct?
515516
516517 < h2 id =at-supports > < span class =secno > 6. </ span > Feature queries: the
517- ‘< code class =css > @supports</ code > ’ rule</ h2 >
518+ ‘< a href ="#dfn-support "> < code class =css > @supports</ code > </ a > ’
519+ rule</ h2 >
518520
519521 < p > The < dfn id =supports-rule > ‘< code class =css > @supports</ code > ’
520522 rule</ dfn > is a conditional group rule whose condition tests whether the
@@ -526,10 +528,10 @@ <h2 id=at-supports><span class=secno>6. </span>Feature queries: the
526528 tied to the support for certain features, as is the case for use of new
527529 layout system features.
528530
529- < p > The syntax of the condition in the ‘< code
530- class =css > @supports</ code > ’ rule is slightly more complicated than
531- for the other conditional group rules (though has some similarities to
532- media queries) since:
531+ < p > The syntax of the condition in the ‘< a href =" #dfn-support " > < code
532+ class =css > @supports</ code > </ a > ’ rule is slightly more complicated
533+ than for the other conditional group rules (though has some similarities
534+ to media queries) since:
533535
534536 < ul >
535537 < li > negation is needed so that the new-feature styles and the fallback
@@ -544,10 +546,10 @@ <h2 id=at-supports><span class=secno>6. </span>Feature queries: the
544546 alternatives are vendor-prefixed properties or values
545547 </ ul >
546548
547- < p > Therefore, the syntax of the ‘< code
548- class =css > @supports</ code > ’ rule allows testing for property:value
549- pairs, and arbitrary conjunctions (and), disjunctions (or), and negations
550- (not) of them.
549+ < p > Therefore, the syntax of the ‘< a href =" #dfn-support " > < code
550+ class =css > @supports</ code > </ a > ’ rule allows testing for
551+ property:value pairs, and arbitrary conjunctions (and), disjunctions (or),
552+ and negations (not) of them.
551553
552554 < p > This extends the lexical scanner in the < a
553555 href ="http://www.w3.org/TR/CSS21/grammar.html "> Grammar of CSS 2.1</ a > (< a
@@ -593,23 +595,25 @@ <h2 id=at-supports><span class=secno>6. </span>Feature queries: the
593595 (Tokenization)</ a > of < a href ="#CSS21 "
594596 rel =biblioentry > [CSS21]<!--{{!CSS21}}--> </ a > .
595597
596- < p > Any ‘< code class = css > @supports </ code > ’ rule that does not
597- parse according to the grammar above is invalid. Style sheets < strong > must
598- not </ strong > use such a rule and processors < strong > must</ strong > ignore
599- such a rule.
598+ < p > Any ‘< a href =" #dfn-support " > < code
599+ class = css > @supports </ code > </ a > ’ rule that does not parse according
600+ to the grammar above is invalid. Style sheets < strong > must not </ strong >
601+ use such a rule and processors < strong > must </ strong > ignore such a rule.
600602
601603 < p class =note > Note that this means that declarations that meet the
602604 forward-compatible syntax for declarations are permitted (and support for
603- them is then tested by the ‘< code class =css > @supports</ code > ’
604- rule), but declarations that do not meet the forward-compatible syntax for
605- declarations cause the entire ‘< code
606- class =css > @supports</ code > ’ rule to be ignored.
605+ them is then tested by the ‘< a href ="#dfn-support "> < code
606+ class =css > @supports</ code > </ a > ’ rule), but declarations that do not
607+ meet the forward-compatible syntax for declarations cause the entire
608+ ‘< a href ="#dfn-support "> < code class =css > @supports</ code > </ a > ’
609+ rule to be ignored.
607610
608611 < p class =issue > Is any further allowance for forward-compatible parsing
609612 needed, for example, to allow additional features (such as, say, selector
610- tests) to be added to the ‘< code class =css > @supports</ code > ’
611- rule? Or are these forward-compatible parsing rules the best solution for
612- such future expansion anyway?
613+ tests) to be added to the ‘< a href ="#dfn-support "> < code
614+ class =css > @supports</ code > </ a > ’ rule? Or are these
615+ forward-compatible parsing rules the best solution for such future
616+ expansion anyway?
613617
614618 < p > Each of these grammar terms is associated with a boolean result, as
615619 follows:
@@ -648,9 +652,10 @@ <h2 id=at-supports><span class=secno>6. </span>Feature queries: the
648652 href ="#support-definition "> supports</ a > the declaration.
649653 </ dl >
650654
651- < p > The condition of the ‘< code class =css > @supports</ code > ’ rule
652- is the result of the < code > supports_condition</ code > term that is a child
653- of the < code > supports_rule</ code > term.
655+ < p > The condition of the ‘< a href ="#dfn-support "> < code
656+ class =css > @supports</ code > </ a > ’ rule is the result of the
657+ < code > supports_condition</ code > term that is a child of the
658+ < code > supports_rule</ code > term.
654659
655660 < div class =example >
656661 < p > For example, the following rule</ p >
@@ -661,16 +666,16 @@ <h2 id=at-supports><span class=secno>6. </span>Feature queries: the
661666 #article { background: white; color: black; }
662667}</ pre >
663668
664- < p > applies the rules inside the ‘< code
665- class =css > @supports</ code > ’ rule only when ‘< code
669+ < p > applies the rules inside the ‘< a href =" #dfn-support " > < code
670+ class =css > @supports</ code > </ a > ’ rule only when ‘< code
666671 class =css > display: flexbox</ code > ’ is supported.</ p >
667672 </ div >
668673
669674 < div class =example >
670- < p > The following example shows an additional ‘< code
671- class =css > @supports</ code > ’ rule that can be used to provide an
672- alternative for when ‘< code class = css > display:
673- flexbox</ code > ’ is not supported:</ p >
675+ < p > The following example shows an additional ‘< a
676+ href =" #dfn-support " > < code class =css > @supports</ code > </ a > ’ rule that
677+ can be used to provide an alternative for when ‘< code
678+ class = css > display: flexbox</ code > ’ is not supported:</ p >
674679
675680 < pre > @supports not ( display: flexbox ) {
676681 body { width: 100%; height: 100%; background: white; color: black; }
@@ -800,12 +805,13 @@ <h3 id=partial-implementations><span class=secno>6.2. </span>Partial
800805 use fallback (either in the < a href ="#CSS1 "
801806 rel =biblioentry > [CSS1]<!--{{CSS1}}--> </ a > sense of declarations that are
802807 overridden by later declarations or with the new capabilities provided by
803- the ‘< code class =css > @supports</ code > ’ rule in this
804- specification) that works correctly for the features implemented. This
805- applies especially to compound values; implementations must implement all
806- parts of the value in order to consider the declaration supported, either
807- inside a ruleset or in the declaration condition of an ‘< code
808- class =css > @supports</ code > ’ rule.
808+ the ‘< a href ="#dfn-support "> < code
809+ class =css > @supports</ code > </ a > ’ rule in this specification) that
810+ works correctly for the features implemented. This applies especially to
811+ compound values; implementations must implement all parts of the value in
812+ order to consider the declaration supported, either inside a ruleset or in
813+ the declaration condition of an ‘< a href ="#dfn-support "> < code
814+ class =css > @supports</ code > </ a > ’ rule.
809815
810816 < h2 id =at-document > < span class =secno > 7. </ span > Document queries: the
811817 ‘< code class =css > @document</ code > ’ rule</ h2 >
@@ -1241,10 +1247,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
12411247 < dt id =CSS3-FONTS > [CSS3-FONTS]
12421248
12431249 < dd > John Daggett. < a
1244- href ="http://www.w3.org/TR/2011/WD-css3-fonts-20110324 "> < cite > CSS Fonts
1245- Module Level 3.</ cite > </ a > 24 March 2011. W3C Working Draft. (Work in
1250+ href ="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/ "> < cite > CSS Fonts
1251+ Module Level 3.</ cite > </ a > 4 October 2011. W3C Working Draft. (Work in
12461252 progress.) URL: < a
1247- href ="http://www.w3.org/TR/2011/WD-css3-fonts-20110324 "> http://www.w3.org/TR/2011/WD-css3-fonts-20110324 </ a >
1253+ href ="http://www.w3.org/TR/2011/WD-css3-fonts-20111004/ "> http://www.w3.org/TR/2011/WD-css3-fonts-20111004/ </ a >
12481254 </ dd >
12491255 <!---->
12501256
@@ -1381,8 +1387,9 @@ <h2 class=no-num id=index>Index</h2>
13811387 < li > support, < a href ="#dfn-support "
13821388 title =support > < strong > 6.1.</ strong > </ a >
13831389
1384- < li > ‘< code class =css > @supports</ code > ’ rule, < a
1385- href ="#supports-rule " title ="'@supports' rule "> < strong > 6.</ strong > </ a >
1390+ < li > ‘< a href ="#dfn-support "> < code
1391+ class =css > @supports</ code > </ a > ’ rule, < a href ="#supports-rule "
1392+ title ="'@supports' rule "> < strong > 6.</ strong > </ a >
13861393
13871394 < li > url(), < a href ="#url-exact " title ="url() "> < strong > 7.</ strong > </ a >
13881395
0 commit comments