html - (HTML) 链接其他文件夹中的 CSS 样式表,但同一目录不起作用

标签 html css frontend

我完全是个初学者,我正在尝试创建一个网站并将 CSS 样式表存储在与 HTML 文件不同的文件夹中,但在相同的目录中。

我把它放在我的 HTML 的 header 标签中:

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

但它不起作用。

该文件位于与我的 HTML 相同目录下的“style”文件夹中。

当我将 CSS 文件和 HTML 文件放在同一个文件夹中并以相同的方式链接到它时,它会起作用 href="样式表.css"

我已经寻找了其他修复程序,检查了拼写错误,但它似乎已经正确链接了?我也尝试了不同的方式来输入路径,但没有任何效果。

文件夹的结构是这样的:

directory layout

最佳答案

The file is in the folder "style" in the same directory as my HTML.

不,不是。

图像显示 HTML 在名为 LoggedIn 的文件夹中,CSS 在名为 style 的文件夹中,但 style 是 < em>不在 LoggedIn 内。它是 LoggedIn 的兄弟目录,而不是它的子目录。

因此,在进入风格之前,您需要提升一个级别。

./(当前目录)替换为../(父目录)。

关于html - (HTML) 链接其他文件夹中的 CSS 样式表,但同一目录不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52966506/

相关文章:

html - ASP.NET MVC 3 - 隔离 HTML.Raw 输出

html - 容器外的图像

html - 如何在 HTML 5 中创建带有简单边框的表格

google-chrome - 导出 PageSpeed Insights (by Google) 结果

ruby - 如何在 HamlJS 中的文本前添加空格

javascript - 如何在 Angular 9 中隐藏动态表的元素

jquery - 如何在 bootstrap 弹出窗口中显示格式化的 xml 文本

javascript - 默认引导日期选择器今天

html - 使链接完全不可见?

html - 将文本包裹在 flex 元素中