title: Styles applied to HTML element are always overridden
body: <p>I apply styles to the <code>&lt;html&gt;</code> element and to the <code>&lt;body&gt;</code> element. Is it possible to have the styles on the <code>&lt;html&gt;</code> element apply over the <code>&lt;body</code>'s styles? </p>
  
  <p>Applying CSS to <code>&lt;html&gt;</code> doesn't seem to follow the usual rules of CSS specificity. Is this true?</p>
  
  <p>Example: <a href="http://jsfiddle.net/59dpy/" rel="nofollow">http://jsfiddle.net/59dpy/</a></p>
  
  <p>Try to make all background colors red. </p>