如何在不影响主页css的情况下向所有帖子添加自定义css?

时间:2018-02-22 作者:Dragoon Shimizu

正如标题所说,如何在不影响WordPress主页CSS的情况下,为所有帖子添加自定义CSS?

我知道像“WP Add Custom CSS”这样的插件可以解决这个问题,我实际上正在使用它,它确实可以解决这个问题,但我想做的是给我所有的帖子都提供相同的代码,我不想一遍又一遍地手动给每个帖子提供相同的代码。

因为如果我想在以后更改此代码,那么我必须返回并编辑我使用此新代码更改所做的每一篇文章。

例如,我有以下CSS代码:

.post-meta {
    margin-right: 0px !important;
}
每个帖子都需要有这个代码,但不影响主页CSS。

2 个回复
最合适的回答,由SO网友:kero 整理而成

默认情况下,WordPress将各种类设置为<body> 取决于哪个页面、模板、父级。。您已接通。对于单个帖子,其中一些是singlesingle-post, 所以你可以使用下面的

body.single.single-post .post-meta {
    margin-right: 0px !important;
}

SO网友:Peter HvD

大多数主题都添加了home 到主页上的body元素,因此提供您的does,您可以使用:not() 伪类。

body:not(.home) .post-meta { ... }

希望有帮助

结束

相关推荐

我应该在index.php中使用模板文件还是只使用条件标记?

使用模板文件,我正在构建一个模板之间几乎没有差异的主题。现在我差不多是这样设置的:singular.php - 单页/帖子;完整的帖子内容、评论home.php - 博客页面;帖子内容完整,无评论index.php - 其他一切;带条件标记的帖子摘要看着这个设置,我意识到我可以这样做:<?php get_header(); ?> <div id="main-column"> <?php if ( have_posts()