如何更改類別的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

我會使用類別塞，然後對那些創建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，然後對任何種類你想要一個不同的顏色只是聲明類基於蛞蝓。