php - 如何更改类别 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;
}

确保category-common在 CSS 中定义第一个，然后对于任何需要不同颜色的类别，只需根据 slug 声明类即可。