一些可爱的CSS3怎么样?
li { background: green; } li:nth-child(odd) { background: red; }
如果你想纯粹用CSS做这个,你就有了一个你分配给每个备用列表项的类.例如
如果您的列表是动态生成的,则此任务将更加容易.
如果您不希望每次都必须手动更新此内容,则可以使用jQuery库并将样式交替应用于列表中的每个项目:
你的jQuery代码:
$(document).ready(function(){ $('#myList li:nth-child(odd)').addClass('alternate'); });
您可以通过向每个列表项添加交替样式类来实现此目的
然后造型就像
li { backgorund:white; } li.odd { background:silver; }
您可以使用javascript进一步自动化此过程(下面的jQuery示例)
$(document).ready(function() { $('table tbody tr:odd').addClass('odd'); });