Css 在一个表行上有多个类

全部,， 我为HTML行提供了以下CSS：

.clickable_row:hover {
cursor: pointer;
}
.clickable_row:hover {
background-color: #FFFFCF;
}

然后，我的html如下所示：

<tr class="clickable_row"><td>Text</td></tr>

<tr class="clickable_row highlighted"><td>Text</td></tr>

这并没有突出这一行，关于如何使这一行的任何想法

谢谢使用

.clickable_row.highlighed{
    background-color: #BFDEFF;
}

或者只是

.highlighed{
    background-color: #BFDEFF;
}

您的选择器将查找具有类

可单击行的元素的后代，该行是一个
高亮的
标记
使用

.clickable_row.highlighed{
    background-color: #BFDEFF;
}

或者只是

.highlighed{
    background-color: #BFDEFF;
}

您的选择器将查找具有类
可单击行
的元素的后代，该类是一个
高亮显示的
标记
当您在类名中添加空格时，您将创建一个全新的类，因此
将创建类“可单击行”以及类“高亮显示”

如果您想突出显示它，只需执行
.highlighted{background color:#bfdef；}

虽然，如果您想要优化，我可能会建议使用
：first child
选择器，这将只突出显示第一行，而不需要给它一个单独的类
当您在类名中添加空格时，您正在创建一个全新的类，因此
创建类“clickable\u row”以及课程“突出显示”

如果您想突出显示它，只需执行
.highlighted{background color:#bfdef；}

尽管如此，如果您想要优化，我可能会建议使用
：first child
选择器，这将只突出显示第一行，而无需为其指定单独的类