如何仅针对一个类别实现此基本CSS？

Question

我是新手，但我可以遵循明确的指示。我试图寻找这个问题，我似乎无法找到解决方案。

我的WordPress网站上只有两种类型的（主要）类别：报价和文章。就这样。每个人都有自己的子类别。 （约100左右）

我想以这种方式设置其中一个（“报价”类别）及其所有子类别：

.post-title {display:none;}
h2.post-box-title {display: none;}
.page-title {display:none;}
a.more-link { display: none;}

如果我在我的主题中使用Global CSS执行此操作，则它适用于网站上不是我想要的所有内容。我希望其他主要类别（文章）及其所有子类别不受CSS的影响，那么我该怎么办？

我读到这个函数会是这样的：

<?php if ( in_category( 'Quotes' ) || post_is_in_descendant_category( 'Quotes' ) )

但我不明白的方式，地点和做法。

Answer 1

是的，这种情况可能对您有用，但只有放在正确的位置才能使用。

if ( in_category( 'Quotes' ) || post_is_in_descendant_category( id_of_Quotes_category ) )

当打印帖子时，wordpress会创建 div 块 你基本上可以做的是，只要报价类别的帖子出现。在帖子的 div 块中添加一个额外的css类，例如引用

所以你的代码就像

<?php if ( have_posts() ) : while ( have_posts() ) : the_post();
if (in_category( 'Quotes' ) || post_is_in_descendant_category('ID_OF_Quotes_Category' ) ) :
?>
    <div class="post quotes">
<?php else : ?>
    <div class="post">
<?php endif; ?>

然后你的css代码将是

.quotes .post-title {display:none;}
.quotes h2.post-box-title {display: none;}
.quotes a.more-link { display: none;}

希望这会有所帮助。

Answer 2

以下是一些可以帮助您的提示：

• 您可以尝试确保新款式位于style.css页面的底部

• 您也可以右键点击Google Chrome中的元素，然后点击检查或检查元素，然后右键单击您的html并单击复制css路径或转到复制，然后单击复制选择器，如下所示：

希望有所帮助，谢谢你

Answer 3

查看关于wordpress支持的讨论，它可能有用 https://wordpress.org/support/topic/can-each-category-page-have-its-own-look