CSS属性选择器+后代给出了Webkit中的错误？

Question

考虑这个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在这里愚蠢吗？

Answer 1

第一个jsFiddle在我的Chrome 12.0.742.112(稳定版)中被破坏了.

但是,它适用于我的Chrome 14.0.803.0 dev-m.

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

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