title: How can I apply CSS selector to attribute values being case sensitive?
body: <p>If CSS and HTML are both case-insensitive languages(*), and <a href="http://www.w3.org/TR/css3-selectors/#attribute-representation" rel="nofollow noreferrer">the W3C</a> says</p>
  
  <blockquote>
    <p>The case-sensitivity of attribute names and values in selectors depends on the document language. </p>
  </blockquote>
  
  <p>How can I reconcile that with attribute values being case sensitive in selectors? For instance,</p>
  
  <pre class="lang-css prettyprint-override"><code>div[title=TITLE] {color:green}
  </code></pre>
  
  <p>does not make the text green for this HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;div title="title"&gt;This is a div&lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/MrLister/zkw33/" rel="nofollow noreferrer">Fiddle here</a>.  </p>
  
  <p>Is this a bug in the browser? And when I say "the browser", I mean all of them. Or am I looking at an unfinished version of the CSS3 specs? Which would be strange, as the same line of text was also in the CSS2 specs <a href="http://www.w3.org/TR/CSS2/selector.html#matching-attrs" rel="nofollow noreferrer">here</a>.</p>
  
  <p><sub>(*) except for some features that are explicit exceptions, like class and ID names. Note that this example does not have class or ID names.</sub></p>