.entry-title 不会在 wordpress 上的博客文章中更改

Question

我目前在更改博客帖子中的帖子标题字体系列时遇到了困难。

我在 WordPress 的自定义 CSS 插件中单独尝试了以下选择器：

.entry-header .entry-title
.entry-title h1
.entry-title
.entry-header
.page-id-107 .entry-title
.page-id-107 .header
.entry-header h1 

如果我使用以下代码，这才是真正的困惑：

.alpha, h1 {
  font-size: 1.3em;
  line-height: 3em;
  letter-spacing: 0px;
  font-family: Georgia;
}

这将更改页面上的帖子标题：'Charlies online store'

但是如果你进入一个实际的帖子，例如：Charlies online store post

它不会改变。为什么？

我真的很感激这里的任何帮助。

Answer 1

您可能使用了错误的选择器。

.entry-title h1 将定位 h1 元素，该元素是具有类 entry-title 的元素的后代

h1.entry-title可能是您想要实现的目标的正确选择器（使用类 entry-title 更改 h1 元素）

我在 Inspector 中尝试过，它应该可以工作，但是 .entry-header h1 也应该如此；所以我不完全确定出了什么问题。

您可能还需要为这两个页面使用不同的选择器，因为其中一个页面的文本直接位于 h2 标记中，而在主页上，它另外被包裹在 a 标记中。

Answer 2

用下面的这个部分替换你的部分，你在实际帖子页面上的当前部分被覆盖，为什么它不起作用。

.alpha, .post h1.entry-title { // Changing elements on this two pages from your description
    font-size: 1.3em;
    line-height: 3em;
    letter-spacing: 0px;
    font-family: Georgia;
}

或者如果你想改变所有的H1标签然后

.alpha, .site-main h1 { // Changing H1 tag on whole website
    font-size: 1.3em;
    line-height: 3em;
    letter-spacing: 0px;
    font-family: Georgia;
}