Question

如何将css类添加到随机生成的数字中。

示例：

if the number is under 2000 add a css class named red to the div <div class="red">500</div>
if the number is over  2000 add a css class named blue to the div <div class="blue">2500</div>

Answer 1

有很多方法可以做到，但这里有一个简单的方法。如果$rNum保存您随机生成的数字，我们可以测试它是否小于或等于2000.如果是，我们将打印“红色”，如果不是，我们将打印“蓝色”。< / p>

<p class="<?php print ( $rNum <= 2000 ) ? "red" : "blue" ; ?>">Hello World</p>

如果您是PHP新手，您可能会发现三元运算符的语法有些混乱。它基本上是一个简化的内联if-else语句。您可以在php.net在线查看更多示例并阅读简短说明。

Answer 2

您可以先生成rand编号，将其存储到变量中，然后使用if..else将该类添加到div元素中，如下所示：

<?php $rand = rand($min,$max); ?>
<div class="<?php if ( $rand <= 2000 ) echo "red"; else echo "blue" ; ?>"><?php echo $rand; ?></div>

或者，在此div标记中添加id元素，然后使用Javascript添加该类。

Answer 3

你想这样做吗？

<div class="<?php echo ($number<2000)?'red':'blue'; ?>">
 <?php echo $number ?>
</div>

数字＆amp; css课程

3 个答案: