Почему наследование CSS не работает для меня в IE8? - PullRequest
5 голосов
/ 08 апреля 2010

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

Это работает в 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>

Ответы [ 2 ]

4 голосов
/ 08 апреля 2010

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

1 голос
/ 08 апреля 2010

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

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...