Php 如何更改类别div颜色

好的，我把我的分类包在一个div中

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

---

我将使用类别slug，然后为它们创建CSS类

<?php $category = get_the_category(); ?>
<div id="categoryf" class="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中定义

类别公共

，然后针对任何需要不同颜色的类别，仅根据slug声明类别。

如何呈现

$category[0]->cat_name

我想这只显示了第一个类别，如果文章有多个类别，它只显示第一个类别为什么不使用CSS来定义颜色？什么都没有发生背景颜色没有改变我更新并添加了CSS@Mathew Foscarini如果CSS类设置正确，但它不会改变背景。尝试使用

！重要信息

强制使用该样式。我让它工作了，但是对于我想要保持一种颜色的所有其他类别，我是否需要为它们创建一个不同的类@Mathew Foscarini

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

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

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