Стили и перспективы - PullRequest
Новая
       10

Стили и перспективы

0 голосов
/ 30 октября 2018

У меня есть некоторые проблемы с Outlook в Windows 10 (я не знаю, для старых). Мне известно о проблемах совместимости CSS в информационных бюллетенях, но я не делаю никаких успехов.

Мои встроенные стили работают. Те, кто в классе тоже. Но не те, которые имеют последовательность классов или тегов.

Пример: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{{title}}</title>
    <style type="text/css">
      /* WORKS */
      .title {
        color: green;
      }

      /* DOESN'T WORK */
      .news .title {
        color: red;
      }
    </style>
  </head>

  <body>
  <table>
    <tbody>
      <tr class="news">
        <td class="title">
          My title.
        </td>
      </tr>
    <tbody>
  </table>
</html>

1 Ответ

0 голосов
/ 30 октября 2018

К сожалению, поддержка CSS в электронных письмах очень ограничена, поэтому вы должны добавить нужные атрибуты в другой класс или непосредственно в теге. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>{{title}}</title>
    <style type="text/css">
      .title {
        color: green;
      }

      .news-title {
        color: red;
      }
    </style>
  </head>

  <body>
  <table>
    <tbody>
      <tr class="news">
        <td class="news-title">
          My title.
        </td>
      </tr>
    <tbody>
  </table>
</html>
...