html - 为什么我的 CSS 类没有效果

Question

为什么当我通过 css 样式表引用时我不能改变背景，但是当直接使用内联样式的颜色完成时工作正常(即只有第 1 列和第 4 列改变它们的背景颜色)

<table>
<tr>
    <td  bgcolor="#D6D6C2">Column 1</td>
    <td  class="releasetableheading">Column 2</td>
    <td  class=".releasetableheading">Column 3</td>
    <td  style="background-color:#D6D6C2">Column 4</td>
</tr>
</table>

CSS

.releasetableheading {
    background-color=#D6D6C2;
}

参见 http://jsfiddle.net/ijabz/vnkqhz5h/完整的例子

Answer 1

你的语法不对。使用冒号代替等号，并从类声明中删除句点。

更新 fiddle - http://jsfiddle.net/vnkqhz5h/1/

HTML:

<table>
  <tr>
    <td  bgcolor="#D6D6C2">Column 1</td>
    <td  class="releasetableheading">Column 2</td>
    <td  class="releasetableheading">Column 3</td>
    <td  style="background-color:#D6D6C2">Column 4</td>
  </tr>
</table>

CSS:

.releasetableheading {
    background-color: #D6D6C2;
}

请注意，bgcolor 已弃用，不应使用，您应该尽可能使用类，而不是内联样式。