Html 使用Sass或CSS选择空元素的父元素

我尝试了几种组合来尝试选择父行，但似乎没有任何效果。也许这是不可能的。如果有人能帮助解释如何通过css或sass实现这一点，我们将不胜感激

目标是在一行包含空列的情况下，向该行添加灰色背景

我尝试了以下几种变体：

tr > td:empty {
  background-color: #f3f3f3;
}

示例

<table>
   <thead></thead>
   <tbody>
        <tr>
        <td>No</td>
        <td>empty</td>
        <td>cells</td>
        <td>here</td>
    </tr>
    <tr>
        <td>Does</td>
        <td>have</td>
        <td>empty</td>
        <td>cell</td>
        <td></td>
    </tr>
   </tbody>
   <tfoot></tfoot>
</table>

不
空的
细胞
在这里
做
有
空的
细胞

执行此操作，但您可以使用伪元素模拟效果：

表格{
溢出：隐藏；
位置：相对位置；
z指数：0；
}
tr>td：空{
位置：相对位置；
}
tr>td:empty:：before{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
左：-50vw；
右图：-50vw；
底部：0；
背景色：#F3；
}

不
空的
细胞
在这里
做
有
空的
细胞
空的
细胞
在这里
做
有
空的
细胞

执行此操作，但您可以使用伪元素模拟效果：

表格{
溢出：隐藏；
位置：相对位置；
z指数：0；
}
tr>td：空{
位置：相对位置；
}
tr>td:empty:：before{
内容：“；
位置：绝对位置；
z指数：-1；
排名：0；
左：-50vw；
右图：-50vw；
底部：0；
背景色：#F3；
}

不
空的
细胞
在这里
做
有
空的
细胞
空的
细胞
在这里
做
有
空的
细胞

可能重复的可能重复出于某种原因，这只对我的表尾有效。我刚刚意识到我的桌子标签里面有一个thead、tbody和tboot标签。但我认为这对任何一个都有效those@NateThompson它应该可以工作，可能需要一些调整，你能分享完整的代码吗？不过我喜欢这个答案。非常有趣。不幸的是，由于违反安全规定，我无法共享实际代码，因为它与工作相关。所以我只能展示一个简单的版本。不过，我确实更新了我的问题，尽管它并不比预编辑好多少。@NateThompson我也用你的新问题更新了我的代码，它工作得很好。。您可能有一些CSS创建问题，因为某些原因，这只是在我的表的页脚上工作。我刚刚意识到我的桌子标签里面有一个thead、tbody和tboot标签。但我认为这对任何一个都有效those@NateThompson它应该可以工作，可能需要一些调整，你能分享完整的代码吗？不过我喜欢这个答案。非常有趣。不幸的是，由于违反安全规定，我无法共享实际代码，因为它与工作相关。所以我只能展示一个简单的版本。不过，我确实更新了我的问题，尽管它并不比预编辑好多少。@NateThompson我也用你的新问题更新了我的代码，它工作得很好。。您可能有一些CSS创建问题