Put case-insensitive flag inside attr selector per <http://lists.w3.org/Archives/Public/www-style/2011Jul/0440.html>

Author: fantasai

selectors4/Overview.html

@@ -1461,9 +1461,9 @@ <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 attribute's value
-   case-insensitively within the ASCII range.
+   selector may include the identifier <code>i</code> immediately inside the
+   closing bracket (<code>]</code>). When this flag is present, UAs must
+   match the attribute's value case-insensitively within the ASCII range.
 
   <div class=example>
    <p>The following rule will style the <code>frame</code> attribute when it
@@ -1472,7 +1472,7 @@ <h3 id=attribute-case><span class=secno>6.3. </span> Case-sensitivity</h3>
     in an XML environment where attribute values are case-sensitive.
 
    <pre>
-<!-- -->[frame=hsides]i { border-style: solid none; }
+<!-- -->[frame=hsides i] { border-style: solid none; }
     </pre>
   </div>
 

selectors4/Overview.src.html

@@ -981,17 +981,18 @@ <h3 id=attribute-case>
 
   <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 attribute's value case-insensitively within the ASCII range.
+  regardless of document language rules, the attribute selector may include the
+  identifier <code>i</code> immediately inside the closing bracket (<code>]</code>).
+  When this flag is present, UAs must match the attribute'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>
-<!-- -->[frame=hsides]i { border-style: solid none; }
+<!-- -->[frame=hsides i] { border-style: solid none; }
     </pre>
   </div>