html - 使用 CSS 突出显示整行

Question

我正在使用下面的代码来突出显示表格中的行，但它并没有突出显示该行。

它仅突出显示当前单元格，并且仅当我将鼠标悬停在实际字体上时才将字体颜色变为白色。

有什么我想念的吗？

HTML 和 CSS:

.schedule tr:not(:first-child) :hover{
        font-weight:bold;
        cursor:default;
        background-color:#B80D9F;
        color:white;
    }
    
    .schedule{
        border-spacing:0px;
    }


 

 <table class="schedule" width="90%">
        <tbody>
            <tr>
                <td style="width:50%">hello1</td>
                <td style="width:50%">123</td>
            </tr>
            <tr>
                <td style="width:50%">hello2</td>
                <td style="width:50%">123</td>
            </tr>
        </tbody>
    </table>

更新:

下面的所有答案都是正确的，但没有解决第二个问题，即 <a> 时字体没有变为白色。使用标签。

为什么字体颜色不会改变？

Answer 1

删除 :hover 之前的空格，因为实际上您尝试访问 tr 的子级，而不是 tr 本身

a 的颜色是用自定义样式设置的，你必须在 a 上添加另一个 css 选择器来改变它的颜色:

.schedule tr:not(:first-child):hover a{
   color:white;
}