通过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

Hierarchiy？

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

see jsfiddle