HTML/CSS-giveli类

只是想让这个网站上的（.portfoliocategs）分类菜单为每个li提供不同的颜色高亮显示

[以下评论中的网站链接]

正如你现在看到的，它们都是蓝色的。我希望能够为列出的每个类别指定类别或颜色

关于如何做到这一点有什么想法吗

编辑：这是类别菜单的代码-我不知道如何为每个单独的类别添加CSS类，因为它似乎从php中获取“所有类别”

<?php  if(is_category() && in_category($current_id) || post_is_in_descendant_category($current_id)){?>
    <h1 style="display:none"> <?php single_cat_title(); ?> </h1>

    <ul class="portfolioCategs">
        <li><a href="<?php echo get_category_link(get_option('boldy_portfolio'))?>">All projects</a></li>

$categories=get_categories（'hide_empty=1&child_of='。$categs）； foreach（$类别为$cat）{ 回显“%$catname”。\n”； echo（'cat_ID.）“>”.$cat->cat_name.”； } ?>

---

我们正在谈论CSS，对吗

像这样的

ul.portfolioCategs li a.cat3:hover {background-color: #660099; }
ul.portfolioCategs li a.cat13:hover {background-color: #CC3300; }
ul.portfolioCategs li a.cat14:hover {background-color: #FF6600; }
ul.portfolioCategs li a.cat17:hover {background-color: #FF6666; }
ul.portfolioCategs li a.cat19:hover {background-color: #FF6699; }
ul.portfolioCategs li a.cat20:hover {background-color: #FF66CC; }
ul.portfolioCategs li a.cat21:hover {background-color: #FF66FF; }

只要删除：悬停，如果你想一个恒定的背景

确保链接标记具有相应的类别

<a class="cat13" href="http://www.some-things.net/?cat=13">Fashion</a>

---

注：当这只是CSS和HTML时，不要将其标记为PHP和Wordpress:）

我们说的只是CSS，对吗

像这样的

ul.portfolioCategs li a.cat3:hover {background-color: #660099; }
ul.portfolioCategs li a.cat13:hover {background-color: #CC3300; }
ul.portfolioCategs li a.cat14:hover {background-color: #FF6600; }
ul.portfolioCategs li a.cat17:hover {background-color: #FF6666; }
ul.portfolioCategs li a.cat19:hover {background-color: #FF6699; }
ul.portfolioCategs li a.cat20:hover {background-color: #FF66CC; }
ul.portfolioCategs li a.cat21:hover {background-color: #FF66FF; }

只要删除：悬停，如果你想一个恒定的背景

确保链接标记具有相应的类别

<a class="cat13" href="http://www.some-things.net/?cat=13">Fashion</a>

---

注：当这只是CSS和HTML时，不要将其标记为PHP和Wordpress:）

它也不允许我发布图像-因此这里有一个颜色悬停菜单的示例..很抱歉格式太糟糕-代码框与此摘录不兼容。这是相关网站的链接，它也不允许我发布图像-因此这里是一个e颜色悬停菜单示例..很抱歉格式太糟糕-代码框与此摘录不匹配。这是相关网站的链接，感谢您的快速响应-请查看我下面的答案和代码。感谢您的快速响应-请查看我下面的答案和代码。