Html 使用CSS在jsp中的表格中交替使用颜色

Html 使用CSS在jsp中的表格中交替使用颜色,html,css,jsp,dynamic,html-table,Html,Css,Jsp,Dynamic,Html Table,可能的重复项: 任何人都可以提供在jsp文件中使用CSS在表中动态添加颜色不同的行的基本代码吗?请提供此代码 基本上有两种选择: 您必须向jsp中的所有偶数(或奇数)行添加样式类 或者您可以使用javascript在客户机上动态执行(如果这是一个选项的话) 看一下。 如 #TableID tr:nt child(奇数){ 背景色:白色; } #TableID tr:n个子项(偶数){ 背景颜色:银色; } 您尝试过吗?浏览器支持吗?特别是IE?我认为这是正式的CSS 3,而不是在IE9之

可能的重复项:


任何人都可以提供在jsp文件中使用CSS在表中动态添加颜色不同的行的基本代码吗?请提供此代码

基本上有两种选择:

  • 您必须向jsp中的所有偶数(或奇数)行添加样式类
  • 或者您可以使用javascript在客户机上动态执行(如果这是一个选项的话)
看一下。


#TableID tr:nt child(奇数){
背景色:白色;
}
#TableID tr:n个子项(偶数){
背景颜色:银色;
}

您尝试过吗?浏览器支持吗?特别是IE?我认为这是正式的CSS 3,而不是在IE9之前,另一种选择是查看jQuery.com,因为它包含一个CSS选择器,它确实支持这些构造,并允许您创建您想要的交替效果。回答我自己的问题:不,它们没有@seanizer-没错,但是嘿,IE可能不是OP的考虑因素。在一些浏览器中失败:谢谢riley的支持。
<table>
<?
    boolean evenRow = true;
    for (int i = 0; i < numRowsToDisplay; i++)
    {
?>

<tr class="<?= evenRow? "evenrowstyle" : "oddrowstyle" ?>"><td>whatever</td></tr>

<?
        evenRow = !evenRow;
    }
?>
</table>
<style>
#TableID tr:nt-child(odd){
background-color:white;
}

#TableID tr:nth-child(even){
background-color:silver;
}
</style>