Можем ли мы изменить цвет шрифта данных в теге td html, используя только CSS

Question

Я создаю пользовательский отчет, который вставляется в тело содержимого электронной почты в форме html. Мой отчет создает таблицу с 3 строками и несколькими столбцами. В 1 из столбцов значение определяется динамически через переменную среды (что-то вроде этого: $ CHILD2_BUILD_RESULT) в Jenkins (либо SUCCESS, либо FAILURE). Я хочу изменить цвет шрифта этого текста, размещенного внутри, в зависимости от значения. Зеленый, если это УСПЕХ, Красный, если это НЕИСПРАВНОСТЬ.

Мой текущий код (ниже) жестко запрограммирован и отображает зеленый независимо от статуса.

Возможно ли это просто с помощью CSS или CSS условное форматирование или рули без jquery или javascript

<tr>
  <td>Test Result</td>
  <td style="color: green;"> <strong>$CHILD1_BUILD_RESULT </strong> </td>
  <td style="color: green;"> <strong>$CHILD2_BUILD_RESULT </strong> </td>
</tr>

Answer 1

Я придумал решение, добавив класс в тег. Я назвал этот класс переменной среды jenkins, в которой будут храниться SUCCESS или FAILURE, а затем я стилизую 2 .SUCCESS & .FAILURE по мере необходимости. Это может отобразить вывод, который я хотел получить по электронной почте.

Answer 2

Тот факт, что отредактированный HTML входит в электронное письмо, немного обволакивает вас здесь. Есть много изящных приемов, которые вы могли бы сделать с селекторами, но в электронных письмах требуется, чтобы все CSS были встроены, что означает отсутствие селекторов.

Лучший вариант - изменить процесс, который создает окончательный вывод электронной почты, и определить две новые переменные среды: CHILD1_BUILD_RESULT_COLOR и CHILD2_BUILD_RESULT_COLOR. Они будут содержать строковые значения «зеленый» или «красный» (в зависимости от значений CHILD1_BUILD_RESULT и CHILD2_BUILD_RESULT).

Я знаю, что вы, вероятно, надеялись на более элегантное решение, но CSS в электронной почте очень ограничен и всегда был проблемой для дизайнеров и разработчиков.