2010-04-08 2 views
5

У меня есть ситуация, когда я просматриваю, где определенные свойства CSS не будут наследоваться. Это вращается вокруг таблиц и IE8. Используя образец HTML ниже, я не могу получить текст внутри таблицы, чтобы наследовать зеленый цвет.Почему наследование CSS не работает для меня в IE8?

Это работает в Firefox и Chrome, но не IE8 и от чтения это, похоже, всегда было проблемой в IE, но предназначалось для работы в версии 8 из того, что я читал.

Я попытался указать значение наследования везде, но безрезультатно, поэтому вопрос заключается в том, является ли поддержка наследования CSS в IE8 ошибкой или я что-то упускаю?

Я не хочу отвечать на изменение встроенного CSS, чтобы быть классами, и я, конечно, не хочу комментировать таблицы, поскольку все это связано с созданием и разработкой электронных писем 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> 

ответ

4

Вы правы, это довольно странно, хотя я считаю, что добавление действительного doctype решает проблему. http://jsbin.com/etuti/2

+0

Интересно. Я уверен, что я попробовал это, возможно, обновил неверную страницу или что-то в этом роде. Благодарю. – rrrr

+0

удовольствие. Очевидно, что форматирование шрифтов не унаследовано в режиме quirks ie. – graphicdivine

1

У меня никогда не было проблемы с наследованием в любом из IE. У меня обычно возникают проблемы с отсутствием селектора и поддержки свойств, а также с ошибками позиционирования и т. Д.

Может быть, у вас нет правильной специфики с вашими селекторами? Я уверен, что они идут в таком порядке (от наиболее конкретных менее)

  • Инлайн style атрибут (style="color: green;")
  • селектор Id (#bob)
  • селектор класса (.jill)
  • Селектор элементов (body)

Если все это не удается, можно добавить !important help? Я бы использовал это как последнее средство, так как обычно вы можете просто дать конкретность, предоставив более конкретный селектор.

Смежные вопросы