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个目录，但这不起作用。我也尝试过回到root（域名），但都是404ed。对于某些css文件，Apple.com会检查引用者（以及404不匹配的引用者），所以我想在尝试“暴力破解”实际位置之前在此处询问。

编辑：如果它确实是当前目录的父级，我可以回到多远？只有一个？无限量？

Answer 1

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

Answer 2

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

因此，appleicons字体位于legacy文件夹中，该文件夹位于资源文件夹中，该文件夹位于一个目录中，或位于父目录中，位于您引用该字体的当前位置（很可能样式表，在这种情况下）。

使用../../等

可以使用尽可能多的目录

您可以了解更多here。

希望这有帮助！

CSS url（）指针中的两个句点？

2 个答案: