Add case-insensitive attribute-value matching <http://lists.w3.org/Archives/Public/www-style/2011Jul/0415.html>

Author: fantasai

selectors4/Overview.html

@@ -15,13 +15,13 @@
 
    <h1 id=title>Selectors Level 4</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 24 July 2011</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft 25 July 2011</h2>
 
    <dl>
     <dt>This version:
 
-    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110724/">
-             http://www.w3.org/TR/2011/WD-selectors4-20110724</a> -->
+    <dd> <!-- <a href="http://www.w3.org/TR/2011/ED-selectors4-20110725/">
+             http://www.w3.org/TR/2011/WD-selectors4-20110725</a> -->
      <a href="http://dev.w3.org/csswg/selectors4">
      http://dev.w3.org/csswg/selectors4</a>
 
@@ -202,16 +202,19 @@ <h2 class="no-num no-toc" id=contents>Table of contents</h2>
      <li><a href="#attribute-substrings"><span class=secno>6.2. </span>
       Substring matching attribute selectors</a>
 
-     <li><a href="#attrnmsp"><span class=secno>6.3. </span> Attribute
+     <li><a href="#attribute-case"><span class=secno>6.3. </span>
+      Case-sensitivity</a>
+
+     <li><a href="#attrnmsp"><span class=secno>6.4. </span> Attribute
       selectors and namespaces</a>
 
-     <li><a href="#def-values"><span class=secno>6.4. </span> Default
+     <li><a href="#def-values"><span class=secno>6.5. </span> Default
       attribute values in DTDs</a>
 
-     <li><a href="#class-html"><span class=secno>6.5. </span> Class
+     <li><a href="#class-html"><span class=secno>6.6. </span> Class
       selectors</a>
 
-     <li><a href="#id-selectors"><span class=secno>6.6. </span> ID
+     <li><a href="#id-selectors"><span class=secno>6.7. </span> ID
       selectors</a>
     </ul>
 
@@ -1350,9 +1353,7 @@ <h3 id=attribute-representation><span class=secno>6.1. </span> Attribute
   <p>Attribute values must be CSS <a
    href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">identifiers</a>
    or <a href="http://www.w3.org/TR/CSS21/syndata.html#strings">strings</a>.
-   <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> The
-   case-sensitivity of attribute names and values in selectors depends on the
-   document language.
+   <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
 
   <div class=example>
    <p>Examples:</p>
@@ -1434,9 +1435,7 @@ <h3 id=attribute-substrings><span class=secno>6.2. </span> Substring
   <p>Attribute values must be CSS <a
    href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">identifiers</a>
    or <a href="http://www.w3.org/TR/CSS21/syndata.html#strings">strings</a>.
-   <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a> The
-   case-sensitivity of attribute names in selectors depends on the document
-   language.
+   <a href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
 
   <div class=example>
    <p>Examples:</p>
@@ -1457,7 +1456,27 @@ <h3 id=attribute-substrings><span class=secno>6.2. </span> Substring
    <pre>p[title*="hello"]</pre>
   </div>
 
-  <h3 id=attrnmsp><span class=secno>6.3. </span> Attribute selectors and
+  <h3 id=attribute-case><span class=secno>6.3. </span> Case-sensitivity</h3>
+
+  <p>By default case-sensitivity of attribute names and values in selectors
+   depends on the document language. To match attribute values
+   case-insensitively regardless of document language rules, the attribute
+   selector may be immediately followed by the identifier <code>i</code>.
+   When this flag is present, UAs must match the selector's value
+   case-insensitively within the ASCII range.
+
+  <div class=example>
+   <p>The following rule will style the <code>frame</code> attribute when it
+    has a value of <code>hsides</code>, whether that value is represented as
+    <code>hsides</code>, <code>HSIDES</code>, <code>hSides</code>, etc. even
+    in an XML environment where attribute values are case-sensitive.
+
+   <pre class=example>
+<!-- -->[frame=hsides]i { border-style: solid none; }
+    </pre>
+  </div>
+
+  <h3 id=attrnmsp><span class=secno>6.4. </span> Attribute selectors and
    namespaces</h3>
 
   <p>The attribute name in an attribute selector is given as a <a
@@ -1499,7 +1518,7 @@ <h3 id=attrnmsp><span class=secno>6.3. </span> Attribute selectors and
     attribute <code>att</code> where the attribute is not in a namespace.</p>
   </div>
 
-  <h3 id=def-values><span class=secno>6.4. </span> Default attribute values
+  <h3 id=def-values><span class=secno>6.5. </span> Default attribute values
    in DTDs</h3>
 
   <p>Attribute selectors represent attribute values in the document tree. How
@@ -1558,7 +1577,7 @@ <h3 id=def-values><span class=secno>6.4. </span> Default attribute values
     default case are overridden in the non-default cases' style rules.</p>
   </div>
 
-  <h3 id=class-html><span class=secno>6.5. </span> Class selectors</h3>
+  <h3 id=class-html><span class=secno>6.6. </span> Class selectors</h3>
 
   <p>The class selector is given as a full stop (. U+002E) immediately
    followed by an identifier. It represents an element belonging to the class
@@ -1622,7 +1641,7 @@ <h3 id=class-html><span class=secno>6.5. </span> Class selectors</h3>
    however, so this behavior is explicitly non-normative in this
    specification.
 
-  <h3 id=id-selectors><span class=secno>6.6. </span> ID selectors</h3>
+  <h3 id=id-selectors><span class=secno>6.7. </span> ID selectors</h3>
 
   <p>Document languages may contain attributes that are declared to be of
    type ID. What makes attributes of type ID special is that no two such

selectors4/Overview.src.html

@@ -883,8 +883,6 @@ <h3 id=attribute-representation>
 
   <p>Attribute values must be CSS <a href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">identifiers</a>
   or <a href="http://www.w3.org/TR/CSS21/syndata.html#strings">strings</a>. [[!CSS21]]
-  The case-sensitivity of attribute names and values in selectors depends on
-  the document language.</p>
 
   <div class="example">
 
@@ -964,8 +962,6 @@ <h3 id=attribute-substrings>
 
   <p>Attribute values must be CSS <a href="http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier">identifiers</a>
   or <a href="http://www.w3.org/TR/CSS21/syndata.html#strings">strings</a>. [[!CSS21]]
-  The case-sensitivity of attribute names in selectors depends on the
-  document language.</p>
 
   <div class="example">
    <p>Examples:</p>
@@ -980,6 +976,25 @@ <h3 id=attribute-substrings>
    <pre>p[title*="hello"]</pre>
   </div>
 
+<h3 id=attribute-case>
+Case-sensitivity</h3>
+
+  <p>By default case-sensitivity of attribute names and values in selectors
+  depends on the document language. To match attribute values case-insensitively
+  regardless of document language rules, the attribute selector may be immediately
+  followed by the identifier <code>i</code>. When this flag is present, UAs
+  must match the selector's value case-insensitively within the ASCII range.
+
+  <div class="example">
+    <p>The following rule will style the <code>frame</code> attribute when it
+      has a value of <code>hsides</code>, whether that value is represented
+      as <code>hsides</code>, <code>HSIDES</code>, <code>hSides</code>, etc.
+      even in an XML environment where attribute values are case-sensitive.
+    <pre class="example">
+<!-- -->[frame=hsides]i { border-style: solid none; }
+    </pre>
+  </div>
+
 <h3 id=attrnmsp>
 Attribute selectors and namespaces</h3>