Question

我有

body
{
    color: #696969;
}

和

th.somelist
{
    font-weight: bold;
    color: red;
}

但是不会覆盖正文的颜色属性。为什么如何让它覆盖身体选择器呢？

修改

我也有

table.somelist
{
    padding: 10px;
    background-color: green;
    border-radius: 15px;
}

，代码是

<table class="somelist">
    <tr>
        <th class="somelist">
            Top 10
        </th>
    </tr>

    <tr>
        <td> 1. </td>
    </tr>
</table>

th 文字是粗体但＃696969而不是红色。

Answer 1

<html><head><title>test</title>
<style>
body
{
    color: #696969;
}
th.somelist 
{
    font-weight: bold;
    color: red;
}
</style>
</head>
<body>
testing...
<table><tr><th class="somelist">should be red</th></tr>
<tr><th>should not be red</th></tr>
</table>
</body>
</html>

适用于Chrome和Firefox。

覆盖body属性

1 个答案: