Html 替代表格行样式

我的CSS文件中有：

.my_table tr {
    background:#BBBBBB;
}

及

在我的HTML中，我的表格中的所有行都采用了hover_样式：

<table class='my_table'>
    <tr class='hover_style'>
    ...
    </tr>
</table>

但是所有的行都有BBBB颜色，但我希望已经覆盖了AAAAA颜色

---

我哪里错了？

您的悬停方式中有一个空格

.my_table tr.hover_style {
    background:#AAAAAA;
}

---

编辑：如果选择器后面有一个空格，它将为定义了“悬停”样式的所有子体设置样式。在本例中，您要说的是设置所有具有类hover\u样式的my\u表行子体的样式。您需要的是没有空格，它将设置.my_表下所有td行的样式，该表的类名为hover_style。

您的hover样式中有空格

.my_table tr.hover_style {
    background:#AAAAAA;
}

---

编辑：如果选择器后面有一个空格，它将为定义了“悬停”样式的所有子体设置样式。在本例中，您要说的是设置所有具有类hover\u样式的my\u表行子体的样式。您需要的是没有空格，它将设置.my_表下所有td行的样式，该表的类名为hover_style。

因为OP甚至提出了这个问题，可能需要解释为什么这很重要。因为OP甚至提出了这个问题，可能需要解释为什么这很重要。