Use CSS to control the alternate colors of tables

From: http://www.flamesky.com/blog/user1/1663/archives/2005/4914.shtml

<Style type = "text/CSS">
<! --
Tr {background-color: expression (this. sectionrowindex % 2 = 0 )? "Red": "blue ")}
-->
</Style>
</Head>
<Table>
<Tr> <TD> 1st rows </TD> <TD> 1st rows </TD> </tr>
<Tr> <TD> 2nd rows </TD> <TD> 2nd rows </TD> </tr>
<Tr> <TD> 3rd rows </TD> <TD> 3rd rows </TD> </tr>
<Tr> <TD> 4th rows </TD> <TD> 4th rows </TD> </tr>
<Tr> <TD> 5th rows </TD> <TD> 5th rows </TD> </tr>
</Table>
// Myhyli @ blueidea

 
-----------------------------------------------
<Style type = "text/CSS">
<! --
Tr {background-color: expression (this. sectionrowindex % 2 = 0 )? "Red": "blue ")}
TD {background-color: expression (this. cellindex % 2 = 0 )? "" :( (This. parentelement. sectionrowindex % 2 = 0 )? "Green": "yellow "))}
-->
</Style>
</Head>
<Table>
<Tr> <TD> 1st rows </TD> <TD> 1st rows </TD> <TD> 1st rows </TD> <TD> 1st rows </TD> <TD> 1st rows </TD> </tr>
<Tr> <TD> 2nd rows </TD> <TD> 2nd rows </TD> <TD> 2nd rows </TD> <TD> 2nd rows </TD> <TD> 2nd rows </TD> </tr>
<Tr> <TD> 3rd rows </TD> <TD> 3rd rows </TD> <TD> 3rd rows </TD> <TD> 3rd rows </TD> <TD> 3rd rows </TD> </tr>
<Tr> <TD> 4th rows </TD> <TD> 4th rows </TD> <TD> 4th rows </TD> <TD> 4th rows </TD> <TD> 4th rows </TD> </tr>
<Tr> <TD> 5th rows </TD> <TD> 5th rows </TD> <TD> 5th rows </TD> <TD> 5th rows </TD> <TD> 5th rows </TD> </tr>
</Table>