Селектор атрибутов CSS + потомок выдает ошибку в Webkit?

Рассмотрим этот CSS:

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

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

И этот HTML:

red

blue

blue

А теперь взгляните на следующую демонстрацию приведенного выше кода в Webkit и любом другом браузере:
http://jsfiddle.net/aUCkn/

Что странно, если вы помещаете каждый h1 в одну строку, например:

red

blue

blue

Это работает и в Webkit:
http://jsfiddle.net/aUCkn/1/

Кто-нибудь знает, откуда это взялось? Я что-то делаю не так или Webkit ведет себя глупо?

10
задан BoltClock 11 July 2011 в 19:44
поделиться