Почему наследование CSS не работает на меня в IE8?
У меня есть ситуация, что я смотрю на то, где определенные свойства CSS не будут наследованы. Это вращается вокруг таблиц и IE8. Используя демонстрационный HTML ниже я не могу заставить текст в таблице наследовать зеленый цвет.
Это работает в Firefox и Chrome, но не IE8, и от чтения это, кажется, всегда было проблемой в IE, но было предназначено для работы в версии 8 от того, что я считал.
Я попытался указать наследовать значение, везде возможное, но напрасно таким образом, вопрос состоит в том, является ли поддержка наследования CSS в IE8 багги, или я пропускаю что-то?
Я не хочу, чтобы ответ, изменяющий встроенный CSS, был классами, и я, конечно, не делаю wan't никакие комментарии к таблицам как это все основы от создания и разработки электронных писем HTML, где встроенный CSS и таблицы важны.
<html>
<head></head>
<body>
<table style="color: green;">
<tr>
<td>
<span>Span</span>
<p>Paragraph</p>
<div>Div</div>
<table style="color:inherit;">
<tr>
<td>Table</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
2 ответа
Вы правы , это довольно странно, хотя я считаю, что добавление действительного типа документа решает проблему. http://jsbin.com/etuti/2
У меня никогда не было проблем с наследованием ни в одном из IE. У меня обычно возникают проблемы с отсутствием поддержки селекторов и свойств, а также с ошибками позиционирования и т. Д.
Может быть, у вас нет правильной специфики ваших селекторов? Я почти уверен, что они идут в этом порядке (от большинство до менее)
- Встроенный
атрибут стиля(style = "color: green;") - Селектор идентификатора (
#bob) - Селектор класса (
.jill) - Селектор элемента (
body)
Если это все не удается, может ли помочь добавление ! important ? Я бы использовал это как последнее средство, так как обычно вы можете просто указать конкретность, предоставив более конкретный селектор.