在 html 中 CSS 正确的样式链接



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

  • .app
    • .html
      • 索引.html
    • .css
      • 风格.css

问题是通过以下方式链接我的风格.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

提前感谢您的回答。

告诉系统查找href="css/style.css"将其指向(不存在的(文件夹:html/css/style.css,因为您的工作目录(您尝试从中引用样式表(是"html"文件夹。

要解决此问题,您需要首先通过前缀../转到其父目录。这将指向"应用"文件夹。从那里你可以进入"css"文件夹,结果是:

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

最新更新