包含在 CSS/JS/HTML 中时如何确定正确的目录路径？

Question

考虑这些目录：

/index.html

/static/js/x.js
/static/css/style.css
/static/dist/some_framework_files...
/static/img/x.jpg
/static/fnt/sans_gio.css

在index.html我想<link>/static/css/style.css和<script src="">/static/js/x.js
在style.css我想url()/static/img/x.jpg和@import/static/fnt/sans_gio.css

还有其他一些不同的情况...

现在我想知道这些文件路径一般应该怎么写，如何移动到父目录等等。

谢谢。

Answer 1

你能不能这样试试！可能问题会解决我在将我的 html 从 child 重定向到 parent 时遇到了同样的问题我是如何管理的我需要输入整个地址可能有一个简单的方法

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

和

 @import url("../styles.css");
     /* same as */
     @import "../styles.css";

并且在目录路径中，您可以使用 / 或 ../ 或 ../ 检查 parent 目录中的文件！

并且在指挥 url 时确保相应地指挥它也检查此参考 CSS root directory

同意@jack 也看到他给出的link！ https://css-tricks.com/quick-reminder-about-file-paths/

Answer 2

如果您只是需要了解相对文件路径，可以参考CSS-TRICKS 上的这篇文章：Quick Reminder About File Paths

Here is all you need to know about relative file paths:

Starting with "/" returns to the root directory and starts there

Starting with "../" moves one directory backwards and starts there

Starting with "../../" moves two directories backwards and starts there (and so on...)

To move forward, just start with the first subdirectory and keep moving forward

包含在 CSS/JS/HTML 中时如何确定正确的目录路径？

How do I conclude the right directory path when including in CSS/JS/HTML?

html

javascript

css

linker

filepath