Question

我有一个Wordpress网站，我正在尝试更改主菜单的字体大小。来自Chrome，当我做一个＆＃34;检查元素＆＃34;在页面上，我可以看到菜单元素如此布局：

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

当我从inspect元素中将font-size更改为另一个值时，更改会在页面上正确显示。但是当我添加代码时：

.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>