更改数据库中的表格单元格颜色

时间:2015-11-30 14:53:29

标签: php html css

这就是我正在做的事情(作为PHP回声的一部分):

<td bgcolor={$row['AwayB']}><font color={$row['AwayF']}>{$row['AwayTeam']}</font></td>

然后我发现了一些CSS来替换表格行背景颜色:

table.sortable tbody tr:nth-child(2n) td {
  background: #666;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background:#333;
}

但是背景颜色在整个行的整个过程中是相同的,而不是改变它应该改变的两个表格单元格(第二个几乎与第一个相同,只是使用'home'而不是'away' )。显然我应该使用CSS而不是字体标签。

所以我在样式表中将它拼凑起来进行测试:

table.sortable tbody tr td.awayTeam {
    background-color:#900;
}

从td标签中删除了bgcolor代码,并将其替换为class ='awayTeam'。它奏效了。我在CSS-Tricks上发现了一些关于在CSS中使用变量的方法,并尝试了这一点,在CSS的顶部:

<?php
    header("Content-type: text/css; charset: UTF-8");
    $bgcolor = "#900";
?>

然后这就是风格:

table.sortable tbody tr td.awayTeam {
    background-color:<?php echo $bgcolor; ?>;
}

仍然有效。所以我用$ row ['AwayB']和'{row ['AwayB']}“和($ row ['AwayB'])替换$ bgcolor ...并且所有三个刚刚返回

table.sortable tbody tr td.awayTeam {
    background-color:;
}

我有办法让这项工作成功吗?

编辑添加:将CSS代码移动到用于生成表格的while循环中会覆盖斑马条带,并使用表格中最后一个团队的团队颜色供所有团队使用。覆盖斑马条纹不是一件大事 - 团队颜色提供了足够的差异 - 但显然颜色需要工作。

我需要将斑马条纹保留在表类中,因为我需要该类进行排序,还有其他非运动表需要背景区分。

0 个答案:

没有答案