表格隔行变色
纯CSS的隔行变色并没有兼容性很好的解决方案如使用CSS3伪类:nth-child()来达到隔行变色如 tr:nth-child(even){background:#ffffff;}tr:nth-child(odd){background:#f0f0f0;}但此伪类IE系列不支持或者使用class来实现,然如果要纯HTML CSS来实现的话需要在每一行tr上指定class,较为繁琐tr。 odd{background:#ffffff;} tr。even{background:#f0f0f0;}dddddddddddd比较好的解决办法还是通过JS CSS或JQ CSS的方法。如定义好了cs...全部
纯CSS的隔行变色并没有兼容性很好的解决方案如使用CSS3伪类:nth-child()来达到隔行变色如 tr:nth-child(even){background:#ffffff;}tr:nth-child(odd){background:#f0f0f0;}但此伪类IE系列不支持或者使用class来实现,然如果要纯HTML CSS来实现的话需要在每一行tr上指定class,较为繁琐tr。
odd{background:#ffffff;} tr。even{background:#f0f0f0;}dddddddddddd比较好的解决办法还是通过JS CSS或JQ CSS的方法。如定义好了css的class之后如使用jQuery只需要$("table tr:even")。
addClass("even");$("table tr:odd")。addClass("odd");即可。收起