Css 需要在选择表格行时创建背景色

待办事项：

<table id="ember11999" class="ember-view content-table focus-group ovalview object-table container-view highlighted">
<tbody id="ember12032" class="ember-view body-view container-view">
<tr id="ember12347" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>

table.content-table.ovalview.highlighted tr.content-row {
    background: #FFFF99 none 0 0 repeat;
}

• 使用css或任何其他方式选择表格行时，创建背景色作为突出显示

当前表格HTML:

<table id="ember11999" class="ember-view content-table focus-group ovalview object-table container-view highlighted">
<tbody id="ember12032" class="ember-view body-view container-view">
<tr id="ember12347" class="ember-view content-row body-row-view container-view" tabindex="0" aria-label="">
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>

table.content-table.ovalview.highlighted tr.content-row {
    background: #FFFF99 none 0 0 repeat;
}

当我尝试上面的代码时，背景颜色会影响整个表。但是我只需要在选择表的行上。

试试这个

table.content-table.ovalview.highlighted tr.content-row.inspected {
    background: #FFFF99;
}

或

试试这个

table.content-table.ovalview.highlighted tr.content-row.inspected {
    background: #FFFF99;
}

或

---

首先，您的

tr

没有被检查的

类，它是css选择器的一部分

如果添加类后它仍然不工作，那么很多时候
td
s有一个背景（来自您有的css），因此它“隐藏”了
tr
的背景。也许这也是你的情况。
将您的风格更改为在
td
s上

table.content-table.ovalview.highlighted tr.content-row.inspected td {
    background: #FFFF99 none 0 0 repeat;
}

首先，您的
tr
没有被检查的
类，它是css选择器的一部分

如果添加类后它仍然不工作，那么很多时候
td
s有一个背景（来自您有的css），因此它“隐藏”了
tr
的背景。也许这也是你的情况。
将您的风格更改为在
td
s上

table.content-table.ovalview.highlighted tr.content-row.inspected td {
    background: #FFFF99 none 0 0 repeat;
}

根据你的问题，这是你想要实现的吗


table.content-table.ovalview.highlighted tr.content-row.inspected:focus{
背景：#FFFF99无0重复；
}

点击
我
点击
我
基于您的问题，这就是您想要实现的目标吗


table.content-table.ovalview.highlighted tr.content-row.inspected:focus{
背景：#FFFF99无0重复；
}

点击
我
点击
我
table.content-table.ovalview.hishekkumar突出显示的tr.content-row{background:#ffffff99 none 0 0 repeat；}
工作正常，但是如果添加了
inspected
类，我不知道为什么它不工作，它应该工作正常。Hi@AbhishekKumar当我使用table.content-table.ovalview.highlighted tr.content-row{background:#FFFF99 none 0 0 repeat；}，它影响整个表，而不单击表行
table.content-table.ovalview.highlighted tr.content-row{background:#ffffff99 none 0 0 repeat；}
工作正常，但是如果添加了
已检查的
类，那么我不知道为什么它不工作，它应该工作正常。Hi@AbhishekKumar当我使用table.content-table.ovalview.highlighted tr.content-row{background:#FFFF99 none 0 0 repeat；}，它会影响整个表，在我尝试上述代码时没有单击表行。所有表列背景颜色都已更改。我只需要单击表行的选定项。@ScottDon单击时是否向行中添加类？否。我不向上的行中添加类click@ScottDon通过在单击行上添加类，您可以当我尝试上面的代码时，直接使用CSW定位该类。所有表列背景颜色都已更改。我只需要我在表行上单击的选定项。@Scotton单击时是否向行中添加类？否。我不向上的行中添加类click@ScottDon通过在单击行上添加类，您可以使用g CSS