具有在表行

Question

所有的多个类， 我有一个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; 
} 

这不突出显示该行，如何使这项工作任何想法？

感谢

Answer 1

当你把一个班级名称中的空间，您正在创建一个合作伙伴完全新的课程，所以<tr class="clickable_row highlighted">创建类“clickable_row”以及类“突出显示”。

如果你想突出它，只是做.highlighted { background-color: #BFDEFF; }

尽管如此，如果你想优化，我可能会建议使用:first-child选择，这将突出仅在第一行，没有你需要给它一个独立的类

Answer 2

使用

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

或只是

.highlighed{ 
    background-color: #BFDEFF; 
} 

你的选择会寻找与clickable_row类元素的后代是一个highlighed标签