只是试图让这个网站上的 (.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&child_of='.$categs); foreach ($categories as $cat) { echo "".$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; }
如果你想要一个恒定的背景,只需删除 :hover。
确保链接标签有相应的类别。
<a class="cat13" href="http://www.some-things.net/?cat=13">Fashion</a>
附言。当它只有 CSS 和 HTML 时,不要将其标记为 PHP 和 Wordpress :)
关于HTML/CSS - 给 li 类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3844660/