CSS/WordPress : can't change menu font size

Question

我有一个 Wordpress 网站，正在尝试更改主菜单的字体大小。在 Chrome 中，当我在页面上执行“检查元素”时，我可以看到菜单元素的布局如下:

.blog-menu a {
   font-size: 13px;
}

当我从 inspect 元素中将字体大小更改为另一个值时，更改会正确显示在页面上。但是，当我添加代码时:

.blog-menu a {
   font-size: 25px;
}

到我的 style.css 文件，更改未注册。关于我做错了什么的任何想法？可能有些愚蠢。

Answer 1

这通常是由于从您的缓存中应用了样式引起的。要清除缓存并重新加载页面，请按 CMD/CTRL+Shift+R(分别为 Mac OSX 和 Windows)。

如果新样式仍未应用，则可能是另一种样式覆盖了它。这可能是由于在您的代码之后或在带有 !important 标记的代码之前应用了样式。

一些可以帮助您解决这个问题的问题:

您的环境是什么样的？您的 style.css 是否在子主题的文件夹中？是否在您的 style.css 之后调用了另一个样式表？

---

根据评论对话更新:

<style type="text/css">
.blog-menu a 
{
  font-size: 25px !important;
}
</style>
<div class="blog-menu">
  <a>This should be 25px</a>
</div>