使用CSS基于值为正或负设置int颜色

时间:2010-05-05 14:06:34

标签: css

快速提问。我想根据值为正或负来改变int的颜色,如果可能的话使用CSS。

有什么想法吗?

3 个答案:

答案 0 :(得分:1)

在PHP中你可以这样做:

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

这会计算变量$ var,如果小于零,则将红色应用于样式(FF0000),否则为绿色(00FF00)。

答案 1 :(得分:0)

这取决于您使用的语言。在几乎任何语言中,您都可以使用语言的动态部分围绕值设置标记的类。如果该值没有自己的标记,则可以在值周围使用<span></span>为其提供类。那么你只需使用动态代码来设置类。

如果你使用像Ruby这样的语言,你可以使用一些CSS Selectors Gems,但我对它们知之甚少,或者它们是否有用。

答案 2 :(得分:0)

我使用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;
    }
    ?>