[css2] Added "@import url() media"

bert-github · bert-github · commit 851934127f1c · 1997-10-29T22:30:56.000Z
--HG--
extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40310
diff --git a/css2/media.src b/css2/media.src
@@ -1,6 +1,6 @@
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html lang="en">
-<!-- $Id: media.src,v 1.19 1997-10-29 04:39:27 ian Exp $ -->
+<!-- $Id: media.src,v 1.20 1997-10-29 22:30:56 bbos Exp $ -->
 <HEAD>
 <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
 <TITLE>Media types</TITLE>
@@ -43,12 +43,14 @@ style sheets:
 <UL>
 
 <LI>Specify the target medium from a style sheet with the <span
-	    class="index-def" title="@media">@media</span> at-rule.
+	    class="index-def" title="@media">@media</span> or <span
+	    class="index-def" title="@import">@import</span> at-rules.
 
 <div class="example"><P>
 <PRE>
+  @import url(loudvoice.css) speech;
   @media print {
-    /* style sheet "foo" goes here */
+    /* style sheet for print goes here */
   }
 </PRE>
 </div>
@@ -97,8 +99,28 @@ sheet:</P
   }
 </pre>
 
-<P>All @import rules in a @media block must appear before
-the other rules in the block.
+<H3>The media-dependent @import rule</h3>
+
+<p>The <a href="cascade.html">@import</a> rule can be made <span
+class="index-inst" title="@import"><span class="index-def"
+title="conditional import|media-dependent
+import">conditional</span></span> on one or more medium types, by
+listing the media after the URL. Multiple media are separated by
+commas, as after the @media.
+
+<div class="example">
+<pre>
+@import url(fineprint.css) print;
+@import url(blueish.css) projection, tv;
+</pre>
+</div>
+
+<p>This has the same effect as if the imported style sheet were
+wrapped in an @media rule for the same media, but it may save the UA a
+fruitless download.
+
+<p>In the absence of any media types, the import is
+unconditional. Specifying 'all' for the medium has the same effect.
 
 <H2><a name="media-types">Recognized media types</a></H2> 
 
