8000 [css2] More about syntax of media block. Info about position of @impo… · w3c/csswg-drafts@51b35f0 · GitHub
Skip to content

Commit 51b35f0

Browse files
ianbjacobsianbjacobs
committed
[css2] More about syntax of media block. Info about position of @import in @media block
--HG-- extra : convert_revision : svn%3A73dc7c4b-06e6-40f3-b4f7-9ed1dbc14bfc/trunk%40254
1 parent 9febd1a commit 51b35f0

1 file changed

Lines changed: 18 additions & 9 deletions

File tree

‎css2/media.src‎

Lines changed: 18 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
22
<html lang="en">
3-
<!-- $Id: media.src,v 1.17 1997-10-20 03:01:55 ian Exp $ -->
3+
<!-- $Id: media.src,v 1.18 1997-10-21 00:31:24 ian Exp $ -->
44
<HEAD>
55
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
66
<TITLE>Media types</TITLE>
@@ -32,9 +32,9 @@ will typically need a larger font on a computer screen than on paper.
3232
For this reason, it's necessary to express that a style sheet -- or a
3333
section of a style sheet -- applies to certain media types.
3434

35-
The following sections describe how authors may
36-
specify different style sheets for different media (all of which
37-
participate in the <a href="./cascade.html">cascade</a>).
35+
<P>The following sections describe how authors may specify different
36+
style sheets for different media (all of which participate in the <a
37+
href="./cascade.html">cascade</a>).
3838

3939
<H2>Specifying media-dependent style sheets</H2>
4040
<P>There are currently two ways to specify media dependencies for
@@ -72,14 +72,20 @@ of an external style sheet.
7272
to different media types.
7373
</UL>
7474

75-
<P>Due to the same media type value, the two examples above are semantically
76-
equivalent.
75+
<P>Since these two examples have the same <a href="#media-types">media
76+
type</a>, they are semantically equivalent.
77+
78+
<H3>The @media rule</H3>
79+
80+
<P>An @media rule lists the <a href="#media-types">media types</a>
81+
(separated by commas) affected by a set of rules delimited by curly
82+
braces.
7783

7884
<p>The <span class="index-inst" title="@media">@media</span>construct
79-
also allows style sheet rules for various media in the same style
80-
sheet:
85+
allows style sheet rules for various media in the same style
86+
sheet:</P
8187

82-
<pre>
88+
<pre class="example">
8389
@media print {
8490
BODY { font-size: 10pt }
8591
}
@@ -91,6 +97,9 @@ sheet:
9197
}
9298
</pre>
9399

100+
<P>All @import rules in a @media block must appear before
101+
the other rules in the block.
102+
94103
<H2><a name="media-types">Recognized media types</a></H2>
95104

96105
<p>Due to rapidly changing technologies, CSS2 does not specify a

0 commit comments

Comments
 (0)