按类别区分不同的CSS类别

时间:2018-02-11 作者:insearchofasolution

更新:我想这可能已经到位了,因为我能够为各个类别分配图标?

enter image description here

我正在尝试自定义一个WP主题,我需要不同的类别才能成为不同的CSS类。

示例:

可湿性粉剂类别:文章>新闻>可湿性粉剂类别:博客>可湿性粉剂类别:新闻稿>可湿性粉剂类别:新闻>可湿性粉剂类别

我需要能够改变这些风格。我熟悉HTML/CSS,但遗憾的是,我对PHP知之甚少。

有人能帮忙吗?

谢谢

1 个回复
SO网友:Cedon

如果模板使用函数post_class() 在其中,您的帖子已经在HTML中应用了基于类别的类。在PHP中,通常如下所示:

<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
例如,假设您有一个news, 然后,其中的帖子将具有category-news 除其他外。它还将有标签类,如tag-{slug}

因此,在CSS中,您可以简单地使用.category-news 或者不管你属于哪一类。

.category-news {
   background-color: #123;
}
等等。

结束

相关推荐

我的定制css文件下载后就停止了!

我正在观看WordPress开发的在线课程,开始时,我像讲师那样附加了css文件,并通过添加一些样式对其进行了测试,效果很好然后当我开始在header.php 当我使用chrome的dev工具检查css文件时,css文件停止style.css 存在于“sources”中,但它是空的,即使我确信样式是空的。css不是空的,我试图再次观看整个课程以应用每一行,但遇到了相同的问题,我试图删除xamp并重新安装,但遇到了相同的问题