为什么我的嵌入式样式规则适用于 Github 和 Dreamweaver 而不是我学校的服务器？

Question

我的任务是使用 Dreamweaver 制作一个包含三个页面的网站：leftnav.html、rightnav.html 和 colorchange.html。 base 是 leftnav，有一个向左的导航栏，rightnav 是一样的，只是 nav 在右边，colorchange 是一样的，只是页眉和页脚的图像不同。

我用 .css 样式表和嵌入式样式为每个页面设置了样式。所有这些样式规则都全面应用于每个 .html，并且当我在 Dreamweaver CC 或 github 上打开它们时运行良好。但是，当我使用 WinSCP 将它们上传到我大学的服务器时，我的嵌入式样式不起作用。我在 class 期间一直使用 WinSCP，之前没有遇到任何问题。

所有文件都是最新的，等同于 Dreamweaver 和 Github 上的文件，所以代码本身应该没有问题。为了以防万一，这里是来自 changecolor.html:

的嵌入样式规则

<head>
...
...
<link href="project7.css" rel="stylesheet" type="text/css">
<style type="text/css">
#banner, #footer {
    background-image: url(beigebg.jpg);
}
#content {
    border-left: 250px solid #F0E1BA;
}
</style>
</head>

如果有人可以给我一些尝试，或者如果您需要更多信息以了解发生了什么，请告诉我。谢谢！

Answer 1

The beige is actually coming from "colorchange.html" as seen in the style sidebar

如果您想要绿色，可以增加 specificity，使用 background-image: url(...) !important 或弄清楚如何包含额外的 colorchange.html

如果您想要米色，可以将样式添加到 project7.css 或弄清楚如何包含 colorchange.html

为什么我的嵌入式样式规则适用于 Github 和 Dreamweaver 而不是我学校的服务器？

Why are my embedded style rules working on Github and Dreamweaver but not my school's server?

html

css

dreamweaver

winscp