javascript - 除非我刷新它，否则我更改页面时不会应用我的 CSS

Question

我已经对我的 CSS 进行了更改，但是当我进入页面时这些更改并未应用。它们仅在我刷新页面时出现。

这是我正在谈论的CSS：

#progress-bar{
    position: absolute;
    top:12%;
    right:50%;
    transform: translate(50%);
    font-size: 25px;
}

当我切换开发者工具时，我可以看到：

这是唯一不起作用的元素。

---

当我重新加载页面时，我在切换开发人员工具中显示了这个：

这是用于定义进度条的 HTML 部分：

<v-col id="progress-bar" cols="7">  
                <v-progress-linear  color="lightblue" height="10" value="25" width="700" rounded></v-progress-linear>
</v-col>

标签： javascriptcssvue.js