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 doctype，那么CSS类名区分大小写，因此header的类名与Header不同。

检查您是否使用了XHTML的doctype。如果是这样，您需要更改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区分大小写。

CSS样式表不起作用？

4 个答案: