全部， 我有一个 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>
然后添加以下 CSS:
.clickable_row highlighed{
background-color: #BFDEFF;
}
这不会突出显示该行，关于如何使其工作的任何想法？
谢谢
最佳答案
当你在类名中放置一个空格时，你正在创建一个全新的类，所以 <tr class="clickable_row highlighted">创建类“clickable_row”以及类“highlighted”。
如果你想高亮它，就做.highlighted { background-color: #BFDEFF; }
不过，如果您想进行优化，我可能会推荐使用 :first-child选择器，这将仅突出显示第一行，而无需为其提供单独的类
关于css - 在一个表行上有多个类，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11588004/