css：设置font-weight

Question

是否可以在没有normal的情况下将字体粗细设置为!important？

http://jsfiddle.net/DvBes/

<table id="tasks">
    <tr><td>Name</td><td>SomeTask</td></tr>
    <tr><td>Time</td><td class="gray">08/11/2011</td></tr>
</table>



table#tasks td:first-child+td {
    font-weight:bold;
}

.gray {
    color: gray;
    font-weight: normal !important;
}

Answer 1

您的第一个css规则比第二个更具体，因此如果您不使用!important，它将覆盖第二个css规则。

通过将!important更改为.gray

，您可以在不table#tasks td:first-child+td.gray的情况下实现相同目标

Answer 2

以下代码可以解决问题：

#tasks .gray {
    color: gray;
    font-weight: normal;
}

你需要学习一下选择器的特异性，这里有一篇很好的文章http://css-tricks.com/855-specifics-on-css-specificity/。

Answer 3

如果您更改了CSS：

.gray {
    color: gray;
    font-weight:normal;
}

到

table#tasks td:first-child+td.gray, .gray {
    color: gray;
    font-weight: normal;
}

Answer 4

是的，给它更多specificity

table#tasks tr td.gray