- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 19 Oct 2011 05:25:03 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-hierarchies
In directory hutz:/tmp/cvs-serv2583
Modified Files:
Overview.html Overview.src.html
Log Message:
Editorial. Make the examples easier to read.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-hierarchies/Overview.html,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -d -r1.7 -r1.8
--- Overview.html 19 Oct 2011 00:45:01 -0000 1.7
+++ Overview.html 19 Oct 2011 05:25:00 -0000 1.8
@@ -57,13 +57,13 @@
<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,7 +309,7 @@
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 {
@@ -317,6 +317,8 @@
&:hover {background-color: rgb(200, 255, 255);}
}</pre>
+ <p>...produces the same results as the following CSS:
+
<pre>
div .keyword {color:red;}
@@ -324,13 +326,15 @@
</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 @@
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 @@
}
}</pre>
+ <p>...produces the same results as the following CSS:
+
<pre>
div, p {font-size: 10px;}
div .keyword, p .keyword {color: green;}
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-hierarchies/Overview.src.html,v
retrieving revision 1.7
retrieving revision 1.8
diff -u -d -r1.7 -r1.8
--- Overview.src.html 19 Oct 2011 00:45:03 -0000 1.7
+++ Overview.src.html 19 Oct 2011 05:25:00 -0000 1.8
@@ -43,10 +43,10 @@
<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,7 +163,7 @@
<p>In order to accomplish nesting, this specification defines a new simple selector called the nesting selector, represented in selectors by the '&' 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 {
@@ -171,6 +171,8 @@
&:hover {background-color: rgb(200, 255, 255);}
}</pre>
+ <p>...produces the same results as the following CSS:
+
<pre>
div .keyword {color:red;}
@@ -178,14 +180,15 @@
</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 @@
<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 @@
}
}</pre>
+ <p>...produces the same results as the following CSS:
+
<pre>
div, p {font-size: 10px;}
div .keyword, p .keyword {color: green;}
Received on Wednesday, 19 October 2011 05:25:09 UTC