使css nth-child()仅影响可见

Question

有没有办法只用这个CSS影响可见元素？

table.grid tr.alt:nth-child(odd)
{
    background:#ebeff4;
}

table.grid tr.alt:nth-child(even)
{
    background:#ffffff;
}

如果我使用$('select some tr:s').hide()隐藏了一些行,我会得到奇怪和均匀样式的混合,但所有这些都在混合中.

Answer 1

我最终使用了Rodaine在评论中提出的解决方案,在show/hide之后我这样做:

$('.alt:visible:odd').css('background', '#EBEFF4');
$('.alt:visible:even').css('background', '#FFFFFF'); 

在我的情况下,背景的设置打破了我的悬停,这解决了!important使悬停背景棒.

table.grid tr.hover:hover
{
    cursor:pointer;
    background:#D2E0E9 !important;    
}