多个备用行颜色

时间:2013-07-13 22:24:12

标签: php javascript css

我有14种十六进制颜色,我想替换为背景颜色。

我该怎么做?而且我也希望避免连续两次获得相同的颜色。

假设我有颜色:蓝色,红色,黄色,黑色,粉红色,白色

我不想要黄色,黑色,黑色,黑色,蓝色,白色,白色......

有人能告诉我正确的方向。

<?php 
foreach($db->query("SELECT * FROM custom WHERE id = $id") as $row):
?>
<tr bgcolor="#C6A511">
<td colspan="25"><?=$row['a']?></td>
<td colspan="8"><div style="width:50px; background:ONE-OF-THE-14-BACKGROUND-COLORS-HERE">&nbsp;</div>    </td>
<td colspan="8"><?=$row['c']?></td>
</tr>

2 个答案:

答案 0 :(得分:1)

对于纯CSS路由,您可能希望查看:nth-child伪类。

关于选择器和相关方程如何在CSS Tricks

上工作的一个很好的概述

答案 1 :(得分:1)

<?php 
$rownum = 0;
foreach($db->query("SELECT * FROM custom WHERE id = $id") as $row):
?>
<tr bgcolor="#C6A511">
<td colspan="25"><?=$row['a']?></td>
<td colspan="8"><div style="width:50px" class="bg<?php echo ($rownum++) % 14; ?>">&nbsp;</div>    </td>
<td colspan="8"><?=$row['c']?></td>
</tr>

不要忘记在CSS中创建bg0..13类。