Html 。在wordpress上的博客文章中,条目标题不会更改

Html 。在wordpress上的博客文章中,条目标题不会更改,html,css,wordpress,blogs,Html,Css,Wordpress,Blogs,我目前很难在博客文章中更改文章标题字体系列 我在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-

我目前很难在博客文章中更改文章标题字体系列

我在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;
}
这将更改页面上的文章标题:

但是如果你进入一个实际的岗位,比如:

它不会改变。为什么?


非常感谢您的帮助。

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

.entry title h1
将以
h1
元素为目标,该元素是类为
entry title

h1.entry title
可能是您试图实现的目标的正确选择器(使用类entry title更改h1元素)

我在Inspector中尝试了这一点,它应该可以正常工作,但是也应该正常工作;所以我不完全确定出了什么问题


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

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

.entry title h1
将以
h1
元素为目标,该元素是类为
entry title

h1.entry title
可能是您试图实现的目标的正确选择器(使用类entry title更改h1元素)

我在Inspector中尝试了这一点,它应该可以正常工作,但是也应该正常工作;所以我不完全确定出了什么问题


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

将您的部分替换为下面的这个部分,您当前在实际帖子页面上的部分被覆盖,这就是它不起作用的原因

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

将您的部分替换为下面的部分,您当前在实际文章页面上的部分被覆盖,这就是它不起作用的原因

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

非常感谢。我已经测试了h1.entry-title和.entry-header h1,但是它仍然没有改变帖子的标题。也许我还缺少另一个选择器?如果有帮助,我可以使用:.page-id-331.条目标题{font-family:Georgia;font-size:1.3em;line-height:1.2em;}更改主页帖子标题。我已经尝试为博客文章选择帖子id并运行上面的代码,但这也没有任何作用:(奇怪,你能尝试添加带有
!important
,类似这样的规则:
h1.entry-title{font size:1.3em!important;}
这可能不是最漂亮的解决方案,只是为了看看它是否有效。谢谢。我已经测试了h1.entry-title和.entry-header h1,但它仍然不会更改文章标题。也许我缺少另一个选择器?如果有帮助,我可以使用:.page-id-331.entry-title{font-family:Georgia;font-size:1.3em;line-height:1.2em;}更改主页帖子标题。我尝试过为博客帖子选择帖子id并运行上面的代码,但这也没有任何效果:(奇怪,你能尝试添加
!important
,比如:
h1.entry-title吗{字体大小:1.3em!重要;}
这可能不是最漂亮的解决方案,但只是为了看看它是否有效。在我看来,这是因为您在文档头中有内联样式,这就是您的外部样式不被覆盖的原因。在我看来,这是因为您在文档头中有内联样式,这就是您的外部样式不被覆盖的原因g、 头部的内联样式可能是问题所在。可能需要使用测试过的样式,上面的内容应该会覆盖头部样式。谢谢!在用您的代码替换代码后,这项功能非常有效。因此,由于旧代码而出现冲突?很有意思。很好!关于冲突,重点在其中,哪个部分更重要。头部的内联样式头部可能是问题所在。可能需要使用测试过的头部样式,上面的内容应该会覆盖头部样式。谢谢!在用您的代码替换代码后,这项功能非常有效。因此,由于旧代码而出现冲突?很有趣。这很好!关于冲突,重点在其中,哪个部分更重要。