为什么我的嵌入式样式规则在Github和Dreamweaver上工作，但不是我学校的服务器？

问题描述：

我的任务是制作一个使用Dreamweaver的网站，它有三个页面：leftnav.html，rightnav.html和colorchange.html。左侧导航栏是左侧导航栏，右侧导航栏除了导航位于右侧外，其余颜色相同，只是页眉和页脚图像不同。为什么我的嵌入式样式规则在Github和Dreamweaver上工作，但不是我学校的服务器？

我使用.css样式表和嵌入样式对每个页面进行了样式设置。所有这些样式规则都适用于每个.html，并且在Dreamweaver CC或github上打开它们时运行良好。但是，当我使用WinSCP将它们上传到我的大学服务器时，我的嵌入式样式不起作用。我在这堂课期间使用了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>

如果任何人都可以给我一些尝试，或者如果你需要更多的信息来获得什么事情的想法，请让我知道。谢谢！

你尝试过CMD +期权+ J检查控制台错误，并期待在DOM验证

您能分享链接吗？ –

另一种可能性是'href =“./ project7.css”'或只是'/ project7.css'，但可能不是 – neaumusic

答

米色实际上是从所看到的边栏风格

如果你想要绿色，你可以增加specificity，使用background-image: url(...) !important或弄清楚如何额外的“colorchange.html”现身colorchange.html被列入

如果你想在米色的颜色，你可以将样式添加到project7.css或弄清楚如何包括colorchange.html

该文章是超级有用的！！重要似乎有今天完成了这个技巧，所以谢谢。这似乎是一个简单的方法，当我需要它时简单地添加！重要的一点。我的印象是嵌入式样式规则会超过project7.css。为什么在这种情况下，以前的情况并非如此？此外，为什么米色是来自colorchange.html的问题？ – StackUnderFlew

当它不合适时，他们称它为黑客，但它确实有效。我认为内联样式最终会胜出，例如'

为什么我的嵌入式样式规则在Github和Dreamweaver上工作，但不是我学校的服务器？

相关推荐