html - .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 中标签。