这就是我正在做的事情(作为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循环中会覆盖斑马条带,并使用表格中最后一个团队的团队颜色供所有团队使用。覆盖斑马条纹不是一件大事 - 团队颜色提供了足够的差异 - 但显然颜色需要工作。
我需要将斑马条纹保留在表类中,因为我需要该类进行排序,还有其他非运动表需要背景区分。