Consider this CSS:
[data-color=\"red\"] h1 { background-color:red; } [data-color=\"blue\"] h1 { background-color:blue; }
And this HTML:
When using Chrome (Webkit) I get this issue as well, though it seems to work fine in Firefox and IE9. It definitely appears to be a problem with Webkit that the extra whitespaces cause problems.