IE7 имеет проблемы с некоторыми селекторами атрибутов CSS?

Question

Я пытаюсь стилизовать некоторые метки форм, выбрав их с атрибутом 'for'. Но при просмотре в IE7 ничего не происходит. Я делаю это, потому что я хотел бы по-разному стилизовать их, не добавляя к существующей разметке.

Так что, если мой CSS выглядит следующим образом, я ничего не получаю:

<style>
 label[for="foo"] {
 background: blue;
 padding: 1em
}
</style>

<form>
 <label for="foo"/>bar</label>
 <input name="foo" type="text"/>
</form>

Но если я поменяю его на это, стилизация будет работать.

<style>
 label[fro="foo"] {
 background: blue;
 padding: 1em
}
</style>

<form>
 <label fro="foo"/>bar</label>
 <input name="foo" type="text"/>
</form>

Вы видели подобные проблемы раньше? Есть ли проблема с тем, как я пишу CSS, IE7 или что-то еще?

Answer 1

У этого пользователя, похоже, была та же проблема, что и у вас: здесь

Он говорит, что, поскольку слово «for» является зарезервированным словом, его нельзя использовать в качестве имени свойства. Но 'htmlFor' - это имя свойства DOM, связанное с атрибутом for

Answer 2

Метки связаны с конкретными полями ввода, поэтому есть ли причина, по которой вы не можете использовать класс вместо создания множества селекторов в вашем CSS для этой цели?