2

定義上、TD の CSS 定義が TR の CSS をオーバーライドすることを理解しています。それ以外の方法はありますか？

私の状況は次のとおりです。私は情報の行を持っています。ある特定の列のテキストは緑色です。ただし、行を「ロック」したいのですが、行全体が灰色になります。これを行う方法はありますか？

私は !important でこれを達成しようとしていますが、うまくいきません。

サンプルコード:

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>

現在、クラス数を含むすべてのセルが緑色で表示されています。これを修正するにはどうすればよいですか?

4

1 に答える 1

12

階層？

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

jsfiddleを参照してください

于 2013-03-06T08:26:24.940 に答える