html - 谷歌浏览器忽略新添加的 ID 修改

Question

在我的 Wordpress 网站上，我有 <ul id="shelf">
但我需要另一个，所以我创建了一个 <ul id="vip-shelf">
.在我的 styles.css文件我复制了 <ul id="shelf"> 的原始设置如下:

#vip-shelf {
    width: 980px; 
    text-align: center;
    margin: 0px auto;
    padding:0px 10px;
}
#shelf {
    width: 980px; 
    text-align: center;
    margin: 0px auto;
    padding:0px 10px;
}

然而，虽然它在我的笔记本电脑的 Chrome 和 Firefox 上看起来都不错，但我桌面上的 Chrome 忽略了 #vip-shelf的一部分 styles.css文件。我用 Chrome 的检查选项和 #vip-shelf 仔细检查了它未在 CSS 样式中列出。有什么解决办法吗？

Answer 1

也许服务器正在为您提供旧的 CSS 文件。

如果您的主题包含带有 wp_enqueue_style() 函数的 CSS 文件，那么您需要更改该函数的最后一个参数(版本参数)。

尝试这样的事情:

...
wp_enqueue_style('main-style', get_stylesheet_uri(), array(), date('YmdHis'), 'all');
..,

注意第四个参数，它将附加当前日期时间作为 CSS 版本，这将强制服务器每次都为您提供新的 CSS 文件。这应该可以解决问题，但这不是最佳做法。一旦您对 CSS 感到满意，您应该对版本参数进行硬编码。

如果您的主题以任何其他方式加载 CSS，请尝试将日期(或任何其他随机字符)附加到样式表 URL。