如何跨文件夹引用CSS文件？子目录PHP文件链接CSS方法

1. 相对路径（小型项目优先用） #

先明确你的目录结构：

example1/
├─ assets/
│  └─ css/
│     └─ style.css
└─ example2/
   └─ tool.php

从tool.php所在的example2文件夹，需要先回退到上一级的example1目录，再进入assets/css找到目标文件，对应的路径是../assets/css/style.css。

如果是在HTML中引用样式，代码如下：

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

要是在PHP里需要调用这个文件（比如读取内容），同样可以用这个相对路径。

2. 站点根目录绝对路径（中大型项目推荐） #

这种路径以/开头，直接指向站点的根目录。假设example1就是你的站点根目录，那么目标文件的路径就是/assets/css/style.css。

HTML引用代码：

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

这种方式的优势是不管当前文件在哪个层级，都能精准定位目标文件，避免目录结构调整导致的路径失效。

3. PHP绝对文件路径（用于PHP脚本操作文件） #

如果需要在tool.php里读取style.css的内容，可以借助PHP内置常量获取根目录：

// 获取example1目录的绝对路径
$rootDir = dirname(__DIR__);
// 拼接得到style.css的绝对路径
$cssFullPath = $rootDir . '/assets/css/style.css';

// 示例：读取CSS文件内容
$cssContent = file_get_contents($cssFullPath);

这里__DIR__代表tool.php所在的example1/example2目录，dirname(__DIR__)则返回上一级的example1目录绝对路径，再拼接子路径就能得到目标文件的完整地址。

内容的提问来源于stack exchange，提问作者Dailygear