Internet Explorer: установить класс CSS на tablerow?

Question

UDPATE Я передавал ответ AJAX. Похоже, что IE не нравится «новый» CSS ... Работает нормально, если помещен в таблицу стилей или запрос начальной страницы ...

Internet Explorer, похоже, не реагирует на классы, установленные на tablerows. Это правильно? Если так, есть ли обходной путь? Или я что-то не так делаю?

<style type="text/css">
    table tr.red td {background-color:red;}
</style>
<table>
    <tr class="red">
        <td>test</td>
        <td>test</td>
    </tr>
    <tr>
        <td>test</td>
        <td>test</td>
    </tr>
</table>

Answer 1

Я не вижу причин, почему это не должно работать.

Возможно, другой селектор обладает большей специфичностью и перезаписывает этот стиль. Возможно, JS вставляет атрибут стиля. Возможно, фон вашего стола уже красный, и вы этого не замечаете. Есть ряд причин.

Answer 2

Используете ли вы допустимый тип документа или IE пытается выполнить рендеринг в режиме причуд?

Answer 3

Это (на этот раз) интернет-обозреватель, правильно играющий в HTML-игру. Таблицы стилей должны появляться только в вашего документа, поэтому последующее добавление их с помощью AJAX недопустимо. Лучшим решением было бы добавить ваши правила в основную таблицу стилей в заголовке. Вероятно, вы заранее будете знать все свои правила стилевого оформления, поэтому их включение в таблицу стилей имеет смысл - не думайте, что вам нужно их пропустить, потому что вы их изначально не используете.

Если вам действительно нужно загрузить в стилях с AJAX, было бы гораздо лучше использовать Javascript для их применения (в этом случае нормально использовать Javascript, поскольку вы знаете у пользователя есть javascript, так как он уже получил содержимое через AJAX) или встроенный стиль (используя атрибут style). jQuery предоставляет много полезных функций для работы с CSS, так что я бы посмотрел на это, но я бы настоятельно рекомендовал по возможности помещать все стили в вашей таблице стилей в заголовок.