title: What's the difference between html[lang="en"] and html:lang(en) in CSS?
body: <p>The CSS language pseudo-class to allow us specify different styles for different languages, like so:</p>
  
  <pre><code>html:lang(en) .foo { ... }
  </code></pre>
  
  <p>However, this doesn't work in IE7, so I've been using an attribute selector:</p>
  
  <pre><code>html[lang="en"] .foo { ... }
  </code></pre>
  
  <p>They seem to do the same thing, but are there any subtle differences?  And if not, why does CSS even have a language pseudo-class, when the attribute selector does the exact same thing?</p>