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

您的语法已关闭。使用冒号而不是等号，并从类声明中删除句点。

更新了小提琴 - 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已弃用且不应使用，您应尽可能使用类，而不是内联样式。

Answer 2

您不应该使用bgcolor属性，HTML5不支持它。在HTML中，您只需以这种方式定义您的类：

 <td class="myClass"></td>

您可以通过

方式为HTML元素定义唯一ID

 <td id="myId"></td>

然后，在CSS中，必须以这样的方式编写语法：

 .myClass{
     background-color: #000;
  }
 #myId{
    background-color: #fff;
 }

类的后缀是点（。），id是标签（＃）。

你总是用CSS编写你的属性。＆＃34;财产：价值＆＃34;。

希望它有所帮助！

为什么我的CSS类没有效果

2 个答案: