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.

所以,他们已经意识到并修复了错误.你只需要等待修复才能进入稳定的通道.

我会尝试找到一个错误报告的链接(如果存在).