Firefox、Safari或Chrome中没有应用某些CSS样式

我有一个WordPress网站，出于某种原因，我的一些CSS样式没有在任何浏览器中应用

/*此规则在浏览器中呈现*/
.发布日期，
.作者{
字体大小：粗体；
}
/*这两条规则不会在浏览器中呈现*/
图1.2右，
图1.2校准中心{
文本对齐：居中；
}
@媒体屏幕和屏幕（最小宽度：500px）{
图1.右对齐{
浮动：对；
左边距：20px；
}
}

一些发布日期
作者

您使用的是：

@media screen and (min-width: 500px) {
  figure.alignright {
    float: right;
    margin-left: 20px;
  }
}

这意味着浏览器的最小宽度为500px，将运行此css，因此此css超出了上面的代码

你应该使用

@media only screen and (max-width: 500px) {
  figure.alignright {
    float: right;
    margin-left: 20px;
  }
}

---

大多数浏览器将网站及其样式表、图像等缓存到安全地带。

---

这意味着您必须强制浏览器更新css文件，这可以通过手动删除缓存来实现，也可以完全禁用缓存

也许你在这行之前有一些CSS语法错误。（可能是打开了额外的支架或其他东西） 我读了你写的所有评论，得出了这个结论。 您可以使用以下方法进行测试。 请删除CSS文件中的所有CSS代码，只留下要测试的CSS部分。 如果有效，那么检查你刚刚删除的CSS代码，并检查输入错误。 希望这对你有帮助。

---

谢谢

我终于找到了问题所在。是Wordpress自己对样式表的缓存造成了问题。清除Wordpress缓存后，一切都正常工作

您还应该发布一段HTML。这将有助于debugAlways将HTML发布到CSS以更好地帮助我们理解您的问题。@ClydeLobo使用一些HTML进行了更新。HTML中没有

发布日期

或

作者

，因此您无法在浏览器中看到它们。@cloned我只是想说明某些样式确实会呈现到浏览器中，而某些样式不会。我可以为该部分添加HTML，但它不会添加任何关于某些样式未呈现到浏览器中的原因。媒体查询是正确的，这不是css样式未呈现到浏览器中的原因。因此，您应该更新浏览器，可能您的浏览器不理解html5BTW，您是否检查了元素并检查了css的出现？css文件出现时，它得到了200的响应。只是这些样式没有显示在浏览器中的任何位置。我多次删除缓存并重新启动浏览器。如果您有可能使用chrome，请输入“查看源代码：”并检查它是否与css源文件不同。如果是，请重新加载该页面，如果仍然不同，则问题与浏览器无关，而是与服务器未提供新的css文件有关。url是正确的，并且当我在服务器和Wordpress中检查文件时，样式在css中。但是当我在浏览器中检查CSS时，这些样式并不存在。好的，这很好！它缩小了问题的范围！所以问题与更新css文件或类似的东西无关，这意味着问题发生在文件解释过程的某个地方。。。检查浏览器是否支持css文件中的所有内容。这个网站会有帮助的：我认为应该，我使用CSS网格，这很有魅力。因此，比这更古老的风格应该不会是一个问题。