Définir la couleur int en fonction de la valeur positive ou négative en utilisant CSS

Question

Question rapide. Je veux changer la couleur d'un int basé sur la valeur étant positive ou négative, en utilisant CSS si possible.

Des idées?

Answer 1

En PHP, vous pouvez le faire:

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

Cette évalue la variable $ var, si elle est inférieure à zéro, applique rouge au style (FF0000) sinon vert (00FF00).

Answer 2

Cela dépend de la langue que vous utilisez. Dans à peu près n'importe quelle langue, vous pouvez définir la classe des balises autour de la valeur en utilisant la partie dynamique de la langue. Si la valeur n'a pas ses propres balises, vous pouvez utiliser <span></span> autour de la valeur pour lui donner une classe. alors vous utilisez simplement le code dynamique pour définir la classe.

Si vous utilisez un langage comme Ruby, il y a des CSS Selectors Gems que vous pouvez utiliser, mais je ne sais pas grand-chose à leur sujet ou s'ils vont aider.

Answer 3

J'utilise wordpress et la table avec les nouveaux postes affichés et messages personnalisés sont sur index.php, le code que je suis entre les balises td insérez

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

J'ai aussi essayé ce code et ce ne fonctionne:

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