CSS url() 指针中的两个句点

Question

我正在查看Apple.com的一个样式表，我看到了这个：

@font-face {
    font-family: 'Apple Legacy Icons';
    font-style: normal;
    font-weight: 100;
    src: local(""), url("../assets/legacy/appleicons_text.woff") format("woff"), url("../assets/legacy/appleicons_text.ttf") format("truetype")
}

我特别不明白的是 url（） 指针中的 2 个句点。

url("../assets/legacy/appleicons_text.woff")

我试过返回 2 个目录，这不起作用。我也尝试回到根（域名），但 404ed. Apple.com 都会检查引用者（如果它们不匹配，则为 404）以获取某些 css 文件，所以我想在尝试"蛮力"实际位置之前在这里问这个问题。

编辑：如果它确实意味着当前目录的父目录，我可以回溯多远？就一个？无限量？

Answer 1

../是一个文件路径，它从目录中获取其源。请参阅 https://www.w3schools.com/html/html_filepaths.asp

Answer 2

在您的示例中，点表示沿目录路径向上遍历。

因此，appleicon 字体位于旧文件夹中，该文件夹位于 assets 文件夹中，该文件夹位于您引用该字体的当前位置（在这种情况下很可能是样式表）的父目录中。

您可以使用../../等随意访问任意数量的目录

您可以在此处了解更多信息。

希望这有帮助！