seletor de atributo @CSS + o descendente fornece um erro no Webki
Considere este CSS:
[data-color="red"] h1 {
background-color:red;
}
[data-color="blue"] h1 {
background-color:blue;
}
E este 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>
Agora, veja a seguinte demonstração do código acima no Webkit e em qualquer outro navegador:
http: //jsfiddle.net/aUCkn
O estranho é que, se você colocar cada h1 na mesma linha, ou seja
<div data-color="red"><h1>red</h1>
</div>
<div data-color="blue"><h1>blue</h1>
</div>
<div data-color="blue"><h1>blue</h1>
</div>
Funciona também no Webkit:
http: //jsfiddle.net/aUCkn/1
Alguém sabe de onde isso vem? Estou fazendo algo errado ou o Webkit está sendo estúpido aqui?