Chrome 忽略 style.css 中的列表样式和填充

Posted 2023-03-06

【中文标题】Chrome 忽略 style.css 中的列表样式和填充

【英文标题】：Chrome ignoring list-style and padding in style.css

【发布时间】：2019-08-13 20:07:39

【问题描述】：

我正在尝试将一些非常基本的 css 添加到 wordpress 页面上的列表中，在该列表中我删除了项目符号并在每个列表项之间添加了一些填充。该列表由名为 List-category-posts 的插件的简码生成。 css 在 Mac 上的 Safari 和 Firefox 上可以正常工作，但在 Chrome 上却不行。

https://annamaltz.com/writings/

.lcp_catlist li 
  list-style: none;
  padding-bottom: 30px;

当我在 Chrome 中检查页面时，我可以看到它从父主题的 style.css 文件中提取，但在子文件中没有看到我的调整。

【问题讨论】：

在 Chrome 中看起来不错

我在 Mac 上使用 Chrome 并检查了两台不同的机器并得到相同的结果：列表项和项目符号之间没有填充可见。在 Linux 或 Windows 上的 Chrome 上，这可能不是问题。

在 Chrome (Win10) 中看起来正确。尝试使用 Empty cache and hard reload 功能 - 您的浏览器可能正在缓存旧版本的样式表。

感谢 ty2k！太奇怪了，它也发生在另一台 Mac 上。两台机器一定都在缓存旧的样式表。我的小学生错误。感谢您的时间。干杯。

为避免在开发时出现缓存问题，我显示了 Chrome 开发者工具，并关闭了缓存（通过首选项 -> 网络）。我发现这比在任何地方添加版本字符串或尝试记住手动重置缓存更容易和更可靠。

【参考方案1】：

在一台机器上，Chrome 中的清空缓存和硬重新加载功能会重置缓存的样式表。另一台机器需要转储 ~/library/Google/Chrome 以纠正问题。

感谢 ty2k 的回答和 j08691 的查看。