9
9
rel =dcterms.rights >
10
10
< meta content ="CSS Cascading and Inheritance Level 3 " name =dcterms.title >
11
11
< meta content =text name =dcterms.type >
12
- < meta content =2013-05-01 name =dcterms.date >
12
+ < meta content =2013-06-08 name =dcterms.date >
13
13
< meta content ="Håkon Wium Lie " name =dcterms.creator >
14
14
< meta content ="Elika J. Etemad " name =dcterms.creator >
15
15
< meta content ="Tab Atkins Jr. " name =dcterms.creator >
28
28
29
29
< h1 > CSS Cascading and Inheritance Level 3</ h1 >
30
30
31
- < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 1 May 2013</ h2 >
31
+ < h2 class ="no-num no-toc " id =longstatus-date > Editor's Draft 8 June 2013</ h2 >
32
32
33
33
< dl > <!--
34
34
<dt>This version:
35
- <dd><a href="http://dev.w3.org/csswg/css3-cascade/">http://www.w3.org/TR/2013/WD-css3-cascade-20130501 /</a>
35
+ <dd><a href="http://dev.w3.org/csswg/css3-cascade/">http://www.w3.org/TR/2013/WD-css3-cascade-20130608 /</a>
36
36
-->
37
37
38
38
< dt > Latest version:
@@ -260,24 +260,21 @@ <h2 id=introduction><span class=secno>1. </span>Introduction</h2>
260
260
rel =biblioentry > [CSS3PAGE]<!--{{CSS3PAGE}}--> </ a > .
261
261
262
262
< h2 id =at-import > < span class =secno > 2. </ span > Importing style sheets: the
263
- ‘< a href ="#lsquoatimportrsquo "> < code class =css > @import</ code > </ a > ’
264
- rule</ h2 >
265
-
266
- < p > The < dfn id =lsquoatimportrsquo > ‘< code
267
- class =css > @import</ code > ’</ dfn > rule allows users to import style rules
268
- from other style sheets. Any ‘< a href ="#lsquoatimportrsquo "> < code
269
- class =css > @import</ code > </ a > ’ rules must follow all ‘< code
270
- class =css > @charset</ code > ’ rules and precede all other at-rules and rule
271
- sets in a style sheet. The ‘< a href ="#lsquoatimportrsquo "> < code
272
- class =css > @import</ code > </ a > ’ keyword must be followed by the URI of the
273
- style sheet to include. A string is also allowed; it will be interpreted
274
- as if it had url(…) around it.
263
+ ‘< a href ="#atimport "> < code class =css > @import</ code > </ a > ’ rule</ h2 >
264
+
265
+ < p > The < dfn id =atimport > ‘< code class =css > @import</ code > ’</ dfn > rule
266
+ allows users to import style rules from other style sheets. Any ‘< a
267
+ href ="#atimport "> < code class =css > @import</ code > </ a > ’ rules must follow
268
+ all ‘< code class =css > @charset</ code > ’ rules and precede all other
269
+ at-rules and style rules in a style sheet. The ‘< a
270
+ href ="#atimport "> < code class =css > @import</ code > </ a > ’ keyword must be
271
+ followed by the URI of the style sheet to include. A string is also
272
+ allowed; it will be interpreted as if it had url(…) around it.
275
273
276
274
< div class =example >
277
275
< p > The following lines are equivalent in meaning and illustrate both
278
- ‘< a href ="#lsquoatimportrsquo "> < code class =css > @import</ code > </ a > ’
279
- syntaxes (one with ‘< code class =css > url()</ code > ’ and one with a bare
280
- string):
276
+ ‘< a href ="#atimport "> < code class =css > @import</ code > </ a > ’ syntaxes
277
+ (one with ‘< code class =css > url()</ code > ’ and one with a bare string):
281
278
282
279
< pre > <!--
283
280
--> @import "mystyle.css";
@@ -287,18 +284,17 @@ <h2 id=at-import><span class=secno>2. </span> Importing style sheets: the
287
284
288
285
< p > So that user agents can avoid retrieving resources for unsupported
289
286
media types, authors may specify media-dependent ‘< a
290
- href ="#lsquoatimportrsquo "> < code class =css > @import</ code > </ a > ’ rules.
291
- Such media-dependent imports include a comma-separated list of “media
287
+ href ="#atimport "> < code class =css > @import</ code > </ a > ’ rules. Such
288
+ media-dependent imports include a comma-separated list of “media
292
289
queries” after the URI. In the absence of any media query, the import is
293
290
unconditional. (Specifying ‘< a href ="#all "> < code
294
291
class =css > all</ code > </ a > ’ for the medium has the same effect.) The UA
295
292
must import the style sheet if (and only if) the media condition evaluates
296
293
to true.
297
294
298
295
< div class =example >
299
- < p > The following rules illustrate how ‘< a
300
- href ="#lsquoatimportrsquo "> < code class =css > @import</ code > </ a > ’ rules
301
- can be made media-dependent:
296
+ < p > The following rules illustrate how ‘< a href ="#atimport "> < code
297
+ class =css > @import</ code > </ a > ’ rules can be made media-dependent:
302
298
303
299
< pre > <!--
304
300
--> @import url("fineprint.css") print;
@@ -485,7 +481,7 @@ <h3 id=filter-declarations><span class=secno>4.1. </span> Filtering
485
481
rel =biblioentry > [CSS3-CONDITIONAL]<!--{{!CSS3-CONDITIONAL}}--> </ a > with a
486
482
false condition.
487
483
488
- < li > It belongs to a ruleset whose selector matches the element. < a
484
+ < li > It belongs to a style rule whose selector matches the element. < a
489
485
href ="#SELECT " rel =biblioentry > [SELECT]<!--{{!SELECT}}--> </ a > (Taking < a
490
486
href ="http://www.w3.org/TR/selectors4/#scoping "> scoping</ a > into account,
491
487
if necessary.)
@@ -590,22 +586,22 @@ <h3 id=cascade><span class=secno>4.2. </span> Cascading Declarations</h3>
590
586
< dd > The < a href ="http://www.w3.org/TR/selectors/#specificity "> Selectors
591
587
module</ a > < a href ="#SELECT "
592
588
rel =biblioentry > [SELECT]<!--{{!SELECT}}--> </ a > describes how to compute
593
- the specificity of a selector. For the purpose of this step, a ruleset
589
+ the specificity of a selector. For the purpose of this step, a style rule
594
590
without a selector (such as the < a
595
591
href ="http://www.w3.org/TR/css-style-attr/#interpret "> contents of a style
596
592
attribute</ a > ) is considered to have a specificity higher than any
597
- selector. The declaration belonging to a ruleset whose selector has the
598
- highest specificity wins.
593
+ selector. The declaration belonging to a style rule whose selector has
594
+ the highest specificity wins.
599
595
600
596
< dt id =cascade-order > Order of appearance.
601
597
602
598
< dd > Rules from imported style sheets are treated as if their stylesheets
603
- were substituted in place of the ‘< a href ="#lsquoatimportrsquo "> < code
599
+ were substituted in place of the ‘< a href ="#atimport "> < code
604
600
class =css > @import</ code > </ a > ’ rule. Stylesheets independently linked by
605
601
the originating document are treated as if they were concatenated in
606
602
linking order, as determined by the host document language. Style
607
- attributes are treated as if their rulesets were concatenated in document
608
- order, after any stylesheets. The last declaration wins.
603
+ attributes are treated as if their style rules were concatenated in
604
+ document order, after any stylesheets. The last declaration wins.
609
605
</ dl >
610
606
611
607
< p > The < dfn id =output-of-the-cascade > output of the cascade</ dfn > is a
@@ -1202,10 +1198,10 @@ <h3 class=no-num id=normative-references>Normative references</h3>
1202
1198
< dt id =CSS3-CONDITIONAL > [CSS3-CONDITIONAL]
1203
1199
1204
1200
< dd > L. David Baron. < a
1205
- href ="http://www.w3.org/TR/2012/WD -css3-conditional-20121213 / "> < cite > CSS
1206
- Conditional Rules Module Level 3.</ cite > </ a > 13 December 2012 . W3C
1207
- Working Draft . (Work in progress.) URL: < a
1208
- href ="http://www.w3.org/TR/2012/WD -css3-conditional-20121213 / "> http://www.w3.org/TR/2012/WD -css3-conditional-20121213 /</ a >
1201
+ href ="http://www.w3.org/TR/2013/CR -css3-conditional-20130404 / "> < cite > CSS
1202
+ Conditional Rules Module Level 3.</ cite > </ a > 4 April 2013 . W3C Candidate
1203
+ Recommendation . (Work in progress.) URL: < a
1204
+ href ="http://www.w3.org/TR/2013/CR -css3-conditional-20130404 / "> http://www.w3.org/TR/2013/CR -css3-conditional-20130404 /</ a >
1209
1205
</ dd >
1210
1206
<!---->
1211
1207
@@ -1327,7 +1323,7 @@ <h2 class=no-num id=index>Index</h2>
1327
1323
< li > ‘< code class =css > default</ code > ’, < a href ="#default-keyword "
1328
1324
title ="section 4.3.3. "> < strong > 4.3.3.</ strong > </ a >
1329
1325
1330
- < li > ‘< code class =css > @import</ code > ’, < a href ="#lsquoatimportrsquo "
1326
+ < li > ‘< code class =css > @import</ code > ’, < a href ="#atimport "
1331
1327
title ="section 2. "> < strong > 2.</ strong > </ a >
1332
1328
1333
1329
< li > ‘< code class =css > inherit</ code > ’, < a href ="#inherit-keyword "
0 commit comments