Question

试图让此网站上的（.portfoliocategs）类别菜单为每个li设置不同的颜色突出显示。

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

正如你所看到的那样，他们都是蓝色的。我希望能够为列出的每个类别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＆amp; child_of ='。$ categs）; foreach（$ category as $ cat）{ echo“”。$ catname。“\ n”; echo（'cat_ID）。'“＆gt;'。$ cat-＆gt; cat_name。''）; } ？＆GT;

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>

PS。当它只有CSS和HTML时，不要将它标记为PHP和Wordpress：）

HTML / CSS - 给li课程

1 个答案: