样式表未加载到子页面上

时间:2016-05-19 18:16:04

标签: html css

为什么我的HTML没有正确链接我的CSS?使用html5up.com中的Prologue模板...在我的主目录中(我指的是index.html所在的位置)我为我想要显示的不同产品创建了一个子文件夹。此文件夹包含一些文件:125st.html125stmain.css和Dreamweaver创建的名为_notes的文件夹。以下是125st.html中应该链接到125stmain.css的代码:

<link rel="stylesheet" href="products/125st/125stmain.css" />

当我访问shercousa.com/products/125st/125st.html时(它不会对你有用,我只是欺骗了hosts文件来进行本地保存,而不是在我工作时访问实时网站)它只显示没有CSS的HTML 。我刚刚从index.html文件(可以工作)复制了这一行,并更改了文件夹以尝试将其指向我创建的CSS克隆。如果这不起作用,我尝试复制并粘贴在主站点上工作的原始行逐字,但在125st.html中链接时仍然根本不加载任何CSS。如果我有点难以理解,我有点新意见。如果有人需要,我可以详细说明或发布更多代码。

编辑:我的图片也没有加载,即使是在html文件中链接的图片。

2 个答案:

答案 0 :(得分:1)

如果我没错,这有一个简单的解决方案。

如果您使用 host / products / 125st / 125st.html 并以这种方式链接CSS:

<link rel="stylesheet" href="products/125st/125stmain.css" />

正在发生的事情是你的文件215st.html试图找到: host / products / 125st / 125st.html / products7125st / 125stmain.css

所以你可以用这两种方式链接你的CSS:

<link rel="stylesheet" href="/products/125st/125stmain.css" />

<link rel="stylesheet" href="125stmain.css" />

我希望这适合你:) 抱歉我的英语!

答案 1 :(得分:0)

嘎,我是这样一个蠢货。产品前面应该有一个斜线:

<link rel="stylesheet" href="/products/125st/125stmain.css" />