Рассмотрим этот 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 ведет себя глупо?