这是我的引导表的一部分：

<div class="table-responsive">
    <table class="table table-bordered table-striped">
        <tbody>
            <tr>
                <td align="center">
                    <div><span class="approve"></span></div>
                </td>
            </tr>
        </tbody>
    </table>
</div>

我想改变整行的背景色，当它包含span与类。批准
我是这么试的：

.table-striped > tbody > tr:nth-child(2n+1):has(span):has(.approve) > td {
   background-color: #fff3c0;
}
.table-striped > tbody > tr:nth-child(2n):has(span):has(.approve) > td {
   background-color: #fff8d9;
}

不幸的是，它不工作。我还试图删除. table-striped并使用这个CSS：

.table > tbody > tr:has(span):has(.approve) > td {
   background-color: #fff8d9;
}

它也不工作。是我的CSS错了吗？