我正在尝试设计表格,使每一行都有不同的颜色(奇数/偶数)。我有以下 CSS:
#woo tr:nth-child(even) td {
background-color: #f0f9ff;
}
#woo tr:nth-child(odd) td {
background-color: white;
}
但是,我的某些行可以隐藏,并且我仍然希望这些行交替。我怎样才能调整上面的内容,以便它给出交替行的外观,即使彼此相邻的行不一定是奇数和偶数?
如果您使用 jQuery,则可以使用它的功能之一,例如.filter() http://api.jquery.com/filter/,仅选择可见的元素。但这里的关键是 CSS 选择器:visible
.
例如(参见jsfiddle http://jsfiddle.net/KSL7j/1/):
jQuery('tr:visible:odd').css({'background-color': 'red'});
jQuery('tr:visible:even').css({'background-color': 'yellow'});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)