为什么即使我清除了缓存，我的styles.css也没有加载？

我为我的页面编写了新的CSS，但它不会更新。所以我在谷歌Chrome上清除了我的缓存，转到Chrome:settings/clearBrowsingData，你知道正常的东西，但它仍然不会更新。所以我用我的iPad只是想看看这是否是我电脑那一半的侥幸，但它也没有更新。所以我来到这里。有什么建议吗？以下是my styles.css和index.html：

风格：

* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 10px;
    scroll-behavior: smooth;
    font-family: "Nunito", sans-serif;
}

a {
    text-decoration: none;
}

.title {
    text-align: center;
    padding-top: 20rem;
}

.title h1 {
    font-size: 3.5rem;
    text-align: center;
}

.title h3 {
    font-size: 2rem;
    padding-bottom: 2rem;
}

.title a {
    text-transform: uppercase;
    color: #fff;
    background: #333;
    padding: 1rem 2.5rem;
    border-radius: 8px;
    font-size: 1.3rem;
    transition: color 650ms, background 650ms;
}

.title a:hover {
    color: #555;
    background: #eee;
}

@media only screen and (min-width: 768px) {
    .title {
        padding-top: 30rem;
    }
    .title h1 {
        font-size: 8rem;
    }
    .title h3 {
        font-size: 4.5rem;
    }
    .title a {
        font-size: 2.5rem;
        padding: 1.5rem 3rem;
    }
}

@media only screen and (min-width: 1000px) {
    .title {
        padding-top: 25rem;
    }
    .title h1 {
        font-size: 5rem;
    }
    .title h3 {
        font-size: 3.5rem;
    }
    .title a {
        font-size: 1.3rem;
        padding: 1rem 2.5rem;
    }
}

HTML

错误404
找不到
此页面不存在，或者您没有查看该页面的权限
（错误：404）

您可以这样调用同一css文件的不同版本：

<link href="styles.css?v=1" rel="stylesheet" type="text/css">

因为您将名称命名为styles.css而没有起始/，所以该文件将从与html文件相同的目录下载。404文件夹中没有styles.css。因此，将style.css更改为/styles.css，它就会工作。

他在404文件夹中有

styles.css

<link href="styles.css?v=1" rel="stylesheet" type="text/css">