在TD上强制TR CSS

Question

据我所知，根据定义，TD的CSS定义会覆盖TR的CSS。有没有办法这样做呢？

我的情况如下。我有很多信息。在一个特定列中，文本为绿色。但是，我想“锁定”一行，整行都是格雷无论如何。有没有办法做到这一点？

我正在努力实现这一目标！重要但不起作用。

示例代码：

CSS

.locked {
    color: #6D6D6D !important;
}
.count {
    color: #08C420;
}

HTML

<tr class="unlocked">
    <td class="count">10,000</td>
    <td></td>
    <td></td>
</tr>
<tr class="locked">
<td class="count">20,000</td>
    <td></td>
    <td></td>
</tr>

现在，所有具有班级计数的单元格都显示为绿色。我该如何解决这个问题？

Answer 1

层次？

.locked > .count {
    color: #6D6D6D;
}
.unlocked > .count {
    color: #08C420;
}

see jsfiddle