HTML中文本的条件着色

Question

I want to change the color of some text on my website depending on whether input from a php script is X or Y, is this possible without doing Javascript, which I would like to avoid.

I have read: Conditional Formatting in HTML Tags but I am wondering if there has been any changes/updates that makes this possible now.

Answer 1

No JS:

I think the following would work:

/* Define different colors to the input class */
.X{
  color: red;
}
.Y{
  color: blue;
}

/* set the input class as the input value */   
<label class="<?=value?>" name="<?=value?>"> Some Text </label>

Answer 2

If you are outputting html on the same page you can try something like this:

<?php
$colour = 'green';

if(rand(0, 99) >= 50) {
    $colour = 'red';
}
?>
<div style="color:<?=$colour?>;">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod 
    tempor incididunt ut labore et dolore magna aliqua.
</div>

The rand is just to mimic the different values in a test scenario.

Answer 3

Yes, you just set inject the right tags from PHP. You can do this by generating the CSS from PHP, but since its more common to write dynamic HTML with PHP and use static CSS, an inline style is probably the most appropriate approach:

$your_colour=($your_condition) ? "green" : "red";
print "<span style='color:$your_colour'>"; 
...
print "</span>"

If you are applying this in several places, then you might consider using a inline css class.

<style>
 .false_condition {COLOR:red}
 .true_condition{COLOR:green}
</style>