Editorial. Make the examples easier to read.

Author: tabatkins

css3-hierarchies/Overview.html

@@ -57,13 +57,13 @@ <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 19 October
 
 
     <dd><a
-     href="http://www.w3.org/TR/css3-hierarchies/">http://www.w3.org/TR/css3-hierarchies/</a>
+     href="//www.w3.org/TR/css3-hierarchies/">http://www.w3.org/TR/css3-hierarchies/</a>
 
 
     <dt>Editor's draft:
 
     <dd><a
-     href="://dev.w3.org/csswg/css3-hierarchies/">http://dev.w3.org/csswg/css3-hierarchies/</a>
+     href="//dev.w3.org/csswg/css3-hierarchies/">http://dev.w3.org/csswg/css3-hierarchies/</a>
      <!--
 		<dt>Previous version:
 		<dd><a href="http://www.w3.org/PreviousVersionURI">
@@ -309,28 +309,32 @@ <h2 id=nesting-selector><span class=secno>2. </span> The &amp; Selector</h2>
    the parent rule set's selector list.
 
   <div class=example>
-   <p>The following two examples produce an equivalent result on all pages:
+   <p>The following example using Hierarchies:
 
    <pre>
 div {
 	& .keyword {color: red;}
 	&:hover {background-color: rgb(200, 255, 255);}
 }</pre>
 
+   <p>...produces the same results as the following CSS:
+
    <pre>
 div .keyword {color:red;}
 
 div:hover {background-color: rgb(200, 255, 255);}</pre>
   </div>
 
   <div class=example>
-   <p>The following two examples provide an equivalent result on all pages:
+   <p>The following example using Hierarchies:
 
    <pre>
 div, p {
 	& .keyword, & .constant {color: red;}
 }</pre>
 
+   <p>...produces the same results as the following CSS:
+
    <pre>
 div .keyword {color:red;}
 div .constant {color:red;}
@@ -343,7 +347,7 @@ <h2 id=nesting-selector><span class=secno>2. </span> The &amp; Selector</h2>
    can co-exist.
 
   <div class=example>
-   <p>The following two examples are equivalent:</p>
+   <p>The following example using Hierarchies:
 
    <pre>
 div, p {
@@ -356,6 +360,8 @@ <h2 id=nesting-selector><span class=secno>2. </span> The &amp; Selector</h2>
 	}
 }</pre>
 
+   <p>...produces the same results as the following CSS:
+
    <pre>
 div, p {font-size: 10px;}
 div .keyword, p .keyword {color: green;}

css3-hierarchies/Overview.src.html

@@ -43,10 +43,10 @@ <h2 class="no-num no-toc">[LONGSTATUS] [DATE]</h2>
 
 		<dt>Latest version:
 		<!--<dd><a href="[LATEST]">[LATEST]</a>-->
-		<dd><a href="http://www.w3.org/TR/css3-hierarchies/">http://www.w3.org/TR/css3-hierarchies/</a>
+		<dd><a href="//www.w3.org/TR/css3-hierarchies/">http://www.w3.org/TR/css3-hierarchies/</a>
 
 		<dt>Editor's draft:
-		<dd><a href="://dev.w3.org/csswg/css3-hierarchies/">http://dev.w3.org/csswg/css3-hierarchies/</a>
+		<dd><a href="//dev.w3.org/csswg/css3-hierarchies/">http://dev.w3.org/csswg/css3-hierarchies/</a>
 	<!--
 		<dt>Previous version:
 		<dd><a href="http://www.w3.org/PreviousVersionURI">
@@ -163,29 +163,32 @@ <h2 id="nesting-selector">
 	<p>In order to accomplish nesting, this specification defines a new simple selector called the nesting selector, represented in selectors by the '&amp;' character. All complex selectors in the selector lists of nested rule sets must start with the nesting selector. The nesting selector represents the elements matches by the parent rule set's selector list.
 
 	<div class='example'>
-		<p>The following two examples produce an equivalent result on all pages:
+		<p>The following example using Hierarchies:
 
 		<pre>
 div {
 	& .keyword {color: red;}
 	&:hover {background-color: rgb(200, 255, 255);}
 }</pre>
 
+		<p>...produces the same results as the following CSS:
+
 		<pre>
 div .keyword {color:red;}
 
 div:hover {background-color: rgb(200, 255, 255);}</pre>
 	</div>
 
 	<div class='example'>
-
-		<p>The following two examples provide an equivalent result on all pages:
+		<p>The following example using Hierarchies:
 
 		<pre>
 div, p {
 	& .keyword, & .constant {color: red;}
 }</pre>
 
+		<p>...produces the same results as the following CSS:
+
 		<pre>
 div .keyword {color:red;}
 div .constant {color:red;}
@@ -196,7 +199,7 @@ <h2 id="nesting-selector">
 	<p>Multiple style rules can be embedded within a style rule. Style rules can be embedded arbitrarily deeply. Embedded style rules and properties can co-exist.</p>
 
 	<div class='example'>
-		<p>The following two examples are equivalent:</p>
+		<p>The following example using Hierarchies:
 
 		<pre>
 div, p {
@@ -209,6 +212,8 @@ <h2 id="nesting-selector">
 	}
 }</pre>
 
+		<p>...produces the same results as the following CSS:
+
 		<pre>
 div, p {font-size: 10px;}
 div .keyword, p .keyword {color: green;}