CSS样式表不起作用？

Question

我的样式表中有以下代码...

body 
{        
    background-image:url('Background.png');
}

td.Header
{
    background: purple Url("Header.png");
    height:100px;
    width:100%;
    border:5px;
    border-style:solid;
    border-color:blue;
}

现在，这就是我在html中使用它的方式：

<table align="center" width="800px">
    <tr>
        <td class="header" height="100px">Where's my background and border?</td>
    </tr>
    <tr>
        <td>The Normal Stuff </td>
    </tr>
</table>

我的样式表确实链接到了html文件。 在我的CSS工作表上唯一起作用的是我的身体类。 我的身体出现了背景图像。 但是对于我的td.header来说，什么都没有用。 请帮忙。

非常感谢

Answer 1

CSS可能区分大小写。 如果您使用的是XHTML文档类型，然后CSS类名是大小写敏感的，所以一个类名header是不一样的Header 。

检查您是否使用XHTML文档类型。 如果是这样，则需要在html中更改您的class属性，使其与样式表中的类选择器完全匹配。

如果您的DOCTYPE是HTML，则区分大小写无关紧要，并且还有其他事情发生。

请注意，HTML5和XHTML一样，也区分大小写。

Answer 2

CSS类名称区分大小写。 如果将“ td.Header”更改为“ td.header”，是否有效？

希望这可以帮助！

Answer 3

您的第一个问题是CSS规则

td.Header

css区分大小写，因此应该与HTML大小写相同：

td.header

其次，在CSS中，URL不需要使用引号。 实际上，我读过一个最好不要读的地方（想不起来在哪里还是我会引用它：）

Answer 4

在CSS中td.header ，因为类名和ID区分大小写 。