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可能是您正在尝试实现的目标的正确选择器（使用类条目标题更改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;
}

.entry-title不会在wordpress的博客文章中发生变化

2 个答案: