如何更改类别div颜色

Question

好的，所以我的分类包含在div

中

<div id="categoryf">
  <?php $category = get_the_category();  echo $category[0]->cat_name;?>
</div>

它只显示第一个类别，我想要它的方式，但我的要求是将某些类别放入不同的div，以便我可以分配不同的背景颜色。

我将如何实现这一目标。

编辑这里是我的CSS

#categoryf{ 
  position:absolute;
  padding:4px;
  width:auto;
  height:13px;
  margin-top:-86px;
  font-family:abeatbykairegular;
  font-weight:200;
  font-size:13px;
  font-weight:bold;
  letter-spacing:6px;
  color:#fff;
  background:#2d0748;
  overflow:hidden;
  z-index:2;
}

#categoryf a:link,
#categoryf a:visited{ 
color:#fff;
}
#categoryf a:hover{ 
color:#af77c0;
text-decoration:none;
}

Answer 1

我会使用类别slug，然后为那些创建CSS类。

<?php $category = get_the_category(); ?>
<div id="categoryf" class="category-<?php echo $category[0]->slug ?>">
    <?php echo $category[0]->cat_name;?>
</div>

修改

使某些类别具有不同的颜色，而其他类别具有相同的颜色。只需定义一个category-common类并包含它。

<?php $category = get_the_category(); ?>
<div id="categoryf" class="category-common category-<?php echo $category[0]->slug ?>">
    <?php echo $category[0]->cat_name;?>
</div>

然后在CSS中你可以应用这样的样式。

.category-common {
      background-color: blue;
}

.category-business {
      background-color: green;
}

确保首先在CSS中定义category-common，然后为任何类别定义不同的颜色，只需根据slug声明类。