在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

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

以及其他一些不同的案例......

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

谢谢。

Answer 1

你可以这样试试！可能是问题将解决我有同样的问题，当我将我的htmls从孩子重定向到父母我如何管理是我需要把整个地址可能有一个简单的方法

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

和

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

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

并且当指导过url时，请确保相应地指示它也检查此引用 CSS root directory

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

Answer 2

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

  

以下是您需要了解的相关文件路径：

     

  
• 以＆＃34; /＆＃34开头;返回根目录并从那里开始
  
• 以＆＃34; ../"开头;向后移动一个目录并从那里开始
  
• 以＆＃34; ../../&# 34开头;向后移动两个目录并从那里开始（依此类推......）
  
• 要继续前进，只需从第一个子目录开始并继续前进