刷新之前不应用CSS样式

Question

我有一个网页，其中包含以下CSS样式，该样式会覆盖一些更高级别的样式。

#pnlActions { 
    background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#000));
    background-image: -webkit-linear-gradient(#000,#000);
    background-image: -moz-linear-gradient(#000,#000);
    background-image: -ms-linear-gradient(#000,#000);
    background-image: -o-linear-gradient(#000,#000);
    background-image: linear-gradient(#000,#000);               
}

奇怪的是，第一次加载页面时，在刷新页面之前，样式将被完全忽略-然后应用样式。然后，我退出浏览器，再次加载页面，不再使用样式（直到刷新页面）。

我可以通过chrome / firefox / ie浏览器工具告诉所有这些信息。

我完全不知道为什么会这样。有任何想法吗？

Answer 1

几年后，但这就是我解决它的方法。

出于某种原因，在 HEAD 标签（内部 CSS）中使用 STYLE 只能在刷新后工作。

但是将其添加为 LINK（外部 CSS）解决了它。现在它从第一次运行开始工作。

在 CSS 中，我将 !IMPORTANT 添加到样式中，因为我需要覆盖其他一些元素，就像 OP 一样。

对于那些对如何添加 Internal 或 Extenal CSS 有疑问的人，请查看此链接。

Answer 2

如果您在 Chrome DevTools 关闭的情况下加载页面，打开 DevTools，然后刷新页面，并且选中了“禁用缓存（当 DevTools 打开时）”设置，这可以解释您的体验。