HTML中的CSS正确样式链接

Question

我的项目中具有以下文件结构：

• 应用
  • html
    • index.html
  • css
    • style.css

问题是通过以下方式链接我的style.css无效：

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

因为它采用相对路径，所以它认为该文件位于 app/html/css/style.css

，即使我给了它绝对路径：

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

它只是不加载style.css

谢谢您的回答。

Answer 1

告诉系统寻找href="css/style.css"，将其指向（不存在的）文件夹：html/css/style.css，因为您的工作目录（您试图从中引用样式表）为'html'文件夹。

要解决此问题，您需要首先通过在../前面加前缀来转到其父目录。这指向“ app”文件夹。从那里可以进入“ css”文件夹，结果是：

href="../css/style.css"