jquery - 不希望 div 的背景图片通过表格出现

Question

说我有以下代码

<div class='mydiv'>
   <table class='mytable'>
      ....
   </table>

</div>

在CSS中，我设置

.mydiv {
   background-image: someurl
   background-position: center;
   background-repeat: no-repeat;    
}

对于我的表，我为偶数行设置了备用颜色。

$(".mytable tr:nth-child(even)").addClass("even");

在CSS中，我有

.even {background-color: #EDEDED;}

现在发生的事情是我仍然可以看到奇数行中的背景图像，默认情况下为白色。我该怎么做才能完全隐藏 div 背景图像？我只想在表格为空时显示背景图像。

score 5 · Accepted Answer

为没有偶数类的行添加一个选择器：

.mytable tr {
    background-color: white;
}

这必须出现在.even规则之前，因此级联规则将使其优先。如果根本没有行（空表），则应显示 div 背景图像。

1 回答 1