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()指针中的两个句点。

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

我试过返回2个目录，但都不起作用。我也尝试过返回根目录(域名)，但两者都是404ed。对于某些css文件，Apple.com会检查referers(如果它们不匹配，则检查404)，所以我想在尝试“暴力破解”实际位置之前先问一下这个问题。

编辑:如果它确实指的是当前目录的父目录，那么我可以追溯到什么时候？只有一个？无限制的金额？

Answer 1

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

Answer 2

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

因此，appleicons字体位于传统文件夹中，该文件夹位于assets文件夹中，该文件夹位于您引用该字体的当前位置(在本例中最有可能是样式表)的上一个目录或父目录中。

您可以通过使用../../等工具进入任意多个目录

您可以了解更多here。

希望这能有所帮助！