<!doctype html>
<style>
  span { color: red; }
  foreignObject span { color: blue; }
  foreignObject SPAN { color: green; }
</style>
<p>This test the styling of elements in foreignObject. WebKit uses to fail this because it was unable to match &lt;foreignObject&gt; due the uppercase 'O'</p>
<p>If test suceed, both words should be green.</p>
<svg width="500" height="100">
  <foreignObject width="500" height="100">
    <span>Green</span>
    <SPAN>Green</SPAN>
  </foreignObject>
</svg>