HTML/CSS - 给 li 课

Question

只是试图让这个网站上的 (.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 ($categories as $cat) { echo "".$catname."\n"; echo ('cat_ID).'">'.$cat->cat_name.''); } ?>

Answer 1

我们只是在谈论 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; }

如果你想要一个恒定的背景，只需删除 :hover。

确保链接标签有对应的类别。

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

附言。当它只有 CSS 和 HTML 时，不要将其标记为 PHP 和 Wordpress :)