Drop first comma in attr() per <http://lists.w3.org/Archives/Public/www-style/2012Mar/0013.html>

Author: fantasai

css3-values/Overview.html

@@ -1570,33 +1570,24 @@ <h3 id=attr><span class=secno>8.3. </span> Attribute References: &lsquo;<a
    class=css>attr()</code></a>&rsquo; expression is:
 
   <pre>'attr(' <a
-   href="#wqname"><var>wqname</var></a> [ ',' &lt;type> [ ',' &lt;value> ]? ]? ')'</pre>
+   href="#wqname"><var>wqname</var></a> &lt;type>? [ ',' &lt;value> ]? ')'</pre>
 
   <p>where <dfn id=wqname>wqname</dfn> is a <a
    href="http://dev.w3.org/csswg/css3-namespace/#css-qnames">CSS qualified
-   name</a> [[!CSSNAMESPACE]] and whose syntax is defined as:
-
-  <pre>
-wqname
-	: [ [ namespace_prefix? | '*' ] '|' ident ]
-	| ident
-	;</pre>
-  <!-- TODO: Delete this syntax definition when Namespaces is updated to contain the wqname production -->
-
-  <p>The <a href="#wqname"><i>wqname</i></a> argument represents an attribute
-   name. The computed value of the &lsquo;<a href="#attr-value"><code
+   name</a> [[!CSSNAMESPACE]] that represents an attribute name. The computed
+   value of the &lsquo;<a href="#attr-value"><code
    class=css>attr()</code></a>&rsquo; expression is the value of the
    attribute with that name on the element, according to the rules given
    below.
 
   <p>The &lsquo;<code class=css>&lt;type></code>&rsquo; argument (which is
-   optional but must be present if the third argument is present) is a
-   keyword drawn from the list below that tells the UA how to interpret the
-   attribute value. If omitted, &lsquo;<code class=css>string</code>&rsquo;
-   is implied. If the type is not valid for where the &lsquo;<a
-   href="#attr-value"><code class=css>attr()</code></a>&rsquo; expression is
-   placed, the whole &lsquo;<a href="#attr-value"><code
-   class=css>attr()</code></a>&rsquo; expression is invalid.
+   optional) is a keyword drawn from the list below that tells the UA how to
+   interpret the attribute value. If omitted, &lsquo;<code
+   class=css>string</code>&rsquo; is implied. If the type is not valid for
+   where the &lsquo;<a href="#attr-value"><code
+   class=css>attr()</code></a>&rsquo; expression is placed, the whole
+   &lsquo;<a href="#attr-value"><code class=css>attr()</code></a>&rsquo;
+   expression is invalid.
 
   <p>The &lsquo;<code class=css>&lt;value></code>&rsquo; argument (which is
    optional) is a CSS value which must be valid where the &lsquo;<a
@@ -1751,7 +1742,7 @@ <h3 id=attr><span class=secno>8.3. </span> Attribute References: &lsquo;<a
 }
 stock > * {
 	display: block;
-	width: attr(length, em); /* default 0 */
+	width: attr(length em); /* default 0 */
 	height: 1em;
 	border: solid thin;
 	margin: 0.5em;
@@ -1767,9 +1758,9 @@ <h3 id=attr><span class=secno>8.3. </span> Attribute References: &lsquo;<a
 to handle replaced content and alternatives to unavailable,
 corrupted or unsupported content */
 img {
-	content: replaced attr(src, url), attr(alt, string, none);
-	height: attr(height, px, auto);
-	width: attr(width, px, auto);
+	content: replaced attr(src url), attr(alt string, none);
+	height: attr(height px, auto);
+	width: attr(width px, auto);
 }</pre>
   </div>
 
@@ -1779,13 +1770,13 @@ <h3 id=attr><span class=secno>8.3. </span> Attribute References: &lsquo;<a
     them&mdash;to be ignored:</p>
 
    <pre>
-content: attr(title, color); /* 'content' doesn't accept colors */
+content: attr(title color); /* 'content' doesn't accept colors */
 
-content: attr(end-of-quote, string, inherit) close-quote; 
+content: attr(end-of-quote string, inherit) close-quote; 
 /* the 'inherit' value is not allowed there, since the result would be
 'inherit close-quote', which is invalid. */
 
-margin: attr(vertical, length) attr(horizontal, deg); 
+margin: attr(vertical length) attr(horizontal deg); 
 /* deg units are not valid at that point */
 <!--
 font: attr(weight, integer) attr(size, length)/attr(height,

css3-values/Overview.src.html

@@ -1088,28 +1088,18 @@ <h3 id="attr">
 
 	<p>The new syntax for the ''attr()'' expression is:</p>
 
-	<pre>'attr(' <var>wqname</var> [ ',' &lt;type> [ ',' &lt;value> ]? ]? ')'</pre>
+	<pre>'attr(' <var>wqname</var> &lt;type>? [ ',' &lt;value> ]? ')'</pre>
 
 	<p>where <dfn>wqname</dfn> is a 
 	<a href="http://dev.w3.org/csswg/css3-namespace/#css-qnames">CSS qualified name</a> 
-	[[!CSSNAMESPACE]] and whose syntax is defined as:</p>
-
-	<pre>
-wqname
-	: [ [ namespace_prefix? | '*' ] '|' ident ]
-	| ident
-	;</pre>
-	<!-- TODO: Delete this syntax definition when Namespaces is updated to contain the wqname production -->
-
-	<p>The <i>wqname</i> argument represents an attribute name.  The computed
+	[[!CSSNAMESPACE]] that represents an attribute name.  The computed
 	value of the ''attr()'' expression is the value of the attribute with that
 	name on the element, according to the rules given below.</p>
 
-	<p>The ''&lt;type>'' argument (which is optional but must be present if the
-	third argument is present) is a keyword drawn from the list below that tells 
-	the UA how to interpret the attribute value.  If omitted, ''string'' is
-	implied.  If the type is not valid for where the ''attr()'' expression is 
-	placed, the whole ''attr()'' expression is invalid.</p>
+	<p>The ''&lt;type>'' argument (which is optional) is a keyword drawn from
+	the list below that tells the UA how to interpret the attribute value.
+	If omitted, ''string'' is implied.  If the type is not valid for where the
+	''attr()'' expression is placed, the whole ''attr()'' expression is invalid.</p>
 
 	<p>The ''&lt;value>'' argument (which is optional) is a CSS value which must
 	be valid where the ''attr()'' expression is placed. It represents a fallback
@@ -1213,7 +1203,7 @@ <h3 id="attr">
 }
 stock > * {
 	display: block;
-	width: attr(length, em); /* default 0 */
+	width: attr(length em); /* default 0 */
 	height: 1em;
 	border: solid thin;
 	margin: 0.5em;
@@ -1229,9 +1219,9 @@ <h3 id="attr">
 to handle replaced content and alternatives to unavailable,
 corrupted or unsupported content */
 img {
-	content: replaced attr(src, url), attr(alt, string, none);
-	height: attr(height, px, auto);
-	width: attr(width, px, auto);
+	content: replaced attr(src url), attr(alt string, none);
+	height: attr(height px, auto);
+	width: attr(width px, auto);
 }</pre>
 	</div>
 
@@ -1241,13 +1231,13 @@ <h3 id="attr">
 		this case all of them&mdash;to be ignored:</p>
 
 		<pre>
-content: attr(title, color); /* 'content' doesn't accept colors */
+content: attr(title color); /* 'content' doesn't accept colors */
 
-content: attr(end-of-quote, string, inherit) close-quote; 
+content: attr(end-of-quote string, inherit) close-quote; 
 /* the 'inherit' value is not allowed there, since the result would be
 'inherit close-quote', which is invalid. */
 
-margin: attr(vertical, length) attr(horizontal, deg); 
+margin: attr(vertical length) attr(horizontal deg); 
 /* deg units are not valid at that point */
 <!--
 font: attr(weight, integer) attr(size, length)/attr(height,