我的样式表无法正常工作/未正确链接

时间:2019-01-21 08:23:05

标签: html css

我的样式表未在我的网页上链接。我的HTML页面的<head>部分中包含以下代码。为了更好地说明,stylesheet.css与我的index.html位于同一目录/路径。

<link rel="stylesheet" type="text/css" href="stylesheet.css">

我希望它可以正确链接我的样式表,但没有任何反应。

编辑:通过在样式表中调用函数之前删除“。”来解决此问题。谢谢大家的帮助!

Link to my project

3 个答案:

答案 0 :(得分:1)

您的问题与selector in css有关,与文件加载无关

正如我在F12中看到的那样,文件加载:

enter image description here

但是您没有class="button",就像在CSS中一样

因此,将class添加到button 作为class="button"

enter image description here

See working example

编辑! 感谢@Thomas Scheffer评论:

还删除css中.之前的body(您使用.body

答案 1 :(得分:0)

例如,打开您的html文件。镀铬并按F12。 如果将CSS链接到错误的路径,则会在控制台错误中看到如下所示: GET file:///......./stylesheet.css net :: ERR_FILE_NOT_FOUND

答案 2 :(得分:0)

通常可能是浏览器问题。

尝试刷新页面以删除缓存文件,在Chrome中,您可以按CTRL + F5。

如果您正在运行基于Linux的系统,请确保所有感兴趣的文件都具有足够的权限来这样做。