CSS 属性选择器 + 后代在 Webkit 中出现错误？

考虑这个 CSS：

[data-color="red"] h1 {
background-color:red;
}

[data-color="blue"] h1 {
background-color:blue;
}

还有这个 HTML：

<div data-color="red">
<h1>red</h1>
</div>

<div data-color="blue">
<h1>blue</h1>
</div>

<div data-color="blue">
<h1>blue</h1>
</div>

现在看一下上述代码在 Webkit 和任何其他浏览器中的演示：
http://jsfiddle.net/aUCkn/

奇怪的是，如果你把每个 h1 放在同一行，即：

<div data-color="red"><h1>red</h1>
</div>

<div data-color="blue"><h1>blue</h1>
</div>

<div data-color="blue"><h1>blue</h1>
</div>

它也适用于 Webkit：
http://jsfiddle.net/aUCkn/1/

有谁知道这是从哪里来的？是我做错了什么还是 Webkit 在这里表现得很愚蠢？

第一个 jsFiddle 在我的 Chrome 12.0.742.112（稳定）中被破坏。

但是，它可以在我的 Chrome 14.0.803.0 dev-m 中运行。

因此，他们已经意识到并修复了该错误。您只需等待修复程序进入稳定通道即可。

我会尝试找到错误报告的链接（如果存在）。