Css 仅设置博客标题的样式

Css 仅设置博客标题的样式,css,wordpress,Css,Wordpress,我想知道是否有任何方法只编辑博客文章标题的标题,而保留常规页面标题的样式 我可以使用以下工具编辑页面标题样式(包括博客帖子): 有没有办法只编辑博客文章的标题 谢谢是的,绝对有可能。Wordpress根据每页的帖子类型向正文中添加其他类 如果你在CSS规则前面加上body.single post,它将只针对博客文章 例如,如果您希望.site header仅在访问者查看博客文章时才具有红色背景,则您的样式如下所示: body.single-post .siteheader { backgro

我想知道是否有任何方法只编辑博客文章标题的标题,而保留常规页面标题的样式

我可以使用以下工具编辑页面标题样式(包括博客帖子):

有没有办法只编辑博客文章的标题


谢谢

是的,绝对有可能。Wordpress根据每页的帖子类型向正文中添加其他类

如果你在CSS规则前面加上
body.single post
,它将只针对博客文章

例如,如果您希望
.site header
仅在访问者查看博客文章时才具有红色背景,则您的样式如下所示:

body.single-post .siteheader {
  background-color:red;
}
要使用您的示例:

.has-image.listing-cover, 
.has-image.listing-cover a, 
.has-image.page-cover { 
    /*Your CSS Rules Here*/
}
将成为:

body.single-post .has-image.listing-cover, 
body.single-post .has-image.listing-cover a, 
body.single-post .has-image.page-cover { 
    /*Your CSS Rules Here*/
}

你是指博客页面的标题还是每篇博客文章的标题?如果不清楚,很抱歉。我指的是每一篇博文的标题,您需要使用body类来帮助您正确地定位要设置样式的元素。使用web浏览器检查器检查body元素的类。我不建议使用类.has image,因为如果没有图像,您的目标可能无法确定。我需要更多的细节来给你一个更具体的答案。非常感谢你的建议。那很有效!非常感谢
body.single-post .has-image.listing-cover, 
body.single-post .has-image.listing-cover a, 
body.single-post .has-image.page-cover { 
    /*Your CSS Rules Here*/
}