[css-cascade-3] Sync editorial changes for @import.

Author: fantasai

css-cascade-3/Overview.bs

@@ -1,4 +1,4 @@
-<h1>CSS Cascading and Inheritance Level 4</h1>
+<h1>CSS Cascading and Inheritance Level 3</h1>
 
 <pre class='metadata'>
 Shortname: css-cascade
@@ -40,13 +40,27 @@ Introduction</h2>
 Importing Style Sheets: the ''@import'' rule</h2>
 
 	The <dfn>@import</dfn> rule allows users to import style rules from other style sheets.
+	If an ''@import'' rule refers to a valid stylesheet,
+	user agents must treat the contents of the stylesheet as if they were written in place of the ''@import'' rule.
+
+	<p class='example'>
+		For example, declarations in style rules from imported stylesheets interact with the cascade
+		as if they were written literally into the stylesheet at the point of the ''@import''.
+		Similarly, style rules in a stylesheet imported into a scoped stylesheet
+		are scoped in the same way.
+
 	Any ''@import'' rules must precede all other at-rules and style rules in a style sheet
 	(besides ''@charset'', which must be the first thing in the style sheet if it exists),
 	or else the ''@import'' rule is invalid.
 	The syntax of ''@import'' is:
 
 	<pre class='prod'>@import [ <<url>> | <<string>> ] <<media-query-list>>? ;</pre>
 
+	Where the <<url>> or <<string>> gives the URL of the style sheet to be imported,
+	and the optional <<media-query-list>>
+	(the <dfn>import conditions</dfn>)
+	states the conditions under which it applies.
+
 	If a <<string>> is provided,
 	it must be interpreted as a url with the same value.
 
@@ -61,20 +75,9 @@ Importing Style Sheets: the ''@import'' rule</h2>
 		</pre>
 	</div>
 
-	If an ''@import'' rule refers to a valid stylesheet,
-	user agents must treat the contents of the stylesheet as if they were written in place of the ''@import'' rule.
-
-	<p class='example'>
-		For example, declarations in style rules from imported stylesheets interact with the cascade
-		as if they were written literally into the stylesheet at the point of the ''@import''.
-		Similarly, style rules in a stylesheet imported into a scoped stylesheet
-		are scoped in the same way.
-
-	An ''@import'' rule can be media-dependent:
-	such media-dependent imports include a comma-separated list of “media queries” after the URI,
-	which specify to which media the imported style sheet applies.
-	In the absence of any media query, the import is unconditional.
-	(Specifying ''@media/all'' for the medium has the same effect.)
+	The <a>import conditions</a> allow the import to be media-dependent.
+	In the absence of any <a>import conditions</a>, the import is unconditional.
+	(Specifying ''@media/all'' for the <<media-query-list>> has the same effect.)
 
 	The evaluation and full syntax of the expressions after the URL
 	is defined by the <a href="http://www.w3.org/TR/css3-mediaqueries/">Media Queries</a> specification [[!MEDIAQ]].