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

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

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

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

如果我使用$('select some tr:s').hide()这隐藏了一些行，我得到了奇数和偶数样式的混合，但全部混合在一起。

我最终使用了罗丹在他的评论中建议的解决方案，在显示/隐藏之后我这样做：

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

就我而言，背景的设置打破了我的悬停，这已解决!important使悬停背景粘住。

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