Установите цвет int на основе значения, являющегося положительным или отрицательным, используя CSS

Question

Быстрый вопрос. Я хочу изменить цвет целого на основе положительного или отрицательного значения, используя CSS, если это возможно.

Есть идеи?

Answer 1

В PHP вы можете сделать это:

<span style="color: <?php echo ($var < 0 ? '#FF0000' : '#00FF00'); ?>">Some text</span>

Это оценивает переменную $ var, если она меньше нуля, применяет к стилю красный (FF0000), в противном случае - зеленый (00FF00).

Answer 2

Я использую WordPress, и таблица с недавно опубликованными публикациями и пользовательскими публикациями находится на index.php, код, который я вставляю между тегами td

<td style="font-weight: <?php echo ($var <= 0 ? 'normal' : 'bold'); ?>"><?php echo get_portf_posts_count_from_last_24h(); ?></td>

Я пробовал также этот код, и ни один из них не работает:

 <?php
    if ($output <= 0) {
      $output = 'normal';
      print $output;
      }
    else // +
    {
      $output = 'bold';
      print $output;
    }
    ?>

Answer 3

Это зависит от языка, который вы используете. Практически на любом языке вы можете установить класс тегов вокруг значения, используя динамическую часть языка. Если у значения нет собственных тегов, вы можете использовать <span></span> вокруг значения, чтобы присвоить ему класс. тогда вы просто используете динамический код для установки класса.

Если вы используете такой язык, как Ruby, есть несколько гемов селекторов CSS, которые вы можете использовать, но я не знаю о них много или они помогут.