区分父类别和子类别

时间:2012-01-12 作者:Howdy_McGee

因此,我正在使用一个名为“Misty”的非wordpress主题,它使用以下代码来提取类别:

<li class="sidebox">
    <h3><?php _e(\'Categories\',\'ml\'); ?></h3>
    <ul id="catList">
        <?php
        if (function_exists(\'wp_list_categories\'))
        {
            wp_list_categories("show_count=1&include=$catID&hierarchical=1&title_li=");
            wp_list_categories("show_count=1&child_of=$catID&hierarchical=1&title_li=");
        }
        else
        {
            wp_list_cats(\'optioncount=1\');
        }
        ?>
    </ul>
</li>
糟糕的是,我无法设置父/子类别的不同样式,我想缩进子类别,但它们都是按类别=类别ID进行的

$catID 是我想过滤帖子的方式。3个不同的域名都来到了这个博客,我从哪里来,并以这种方式过滤帖子。到目前为止,我已经过滤了类别并显示了类别子类别,但子类别无法设置样式。

设计子类别样式的好方法是什么?有没有什么地方我可以给李的孩子再加一个班?

2 个回复
最合适的回答,由SO网友:Jeremy Ferguson 整理而成

child ul随类“children”一起提供,因此您可以使用它来定位css
ul.children li { }

即使没有这一点,您也可以使用列表的层次结构来定位。。

ul#catList ul li { } 将针对ul中#catList ID内的任何li。

SO网友:kchjr

使用CSS使父类别和子类别看起来不一样应该没有任何问题。转到查看源代码,您应该会看到如下内容:

    <ul id="catList">

            <li class="cat-item cat-item-1"><a href="http://yourdomain.com/category/misc/" title="Miscellaneous and Unsorted Posts">Misc.</a> (1)
</li>
    <li class="cat-item cat-item-4"><a href="http://yourdomain.com/category/newsletter/" title="View all posts filed under Newsletters">Newsletters</a> (9)
<ul class=\'children\'>
    <li class="cat-item cat-item-79"><a href="http://yourdomain.com/category/newsletter/test/" title="just a test. delete whenever.">test</a> (1)
</li>
</ul>
</li>
看看上面写着什么ul class="children" ? 为所有类别菜单项创建默认样式,然后使用“children”类覆盖该样式(类似于#catList ul.children li a{color:green},这将使所有子类别链接变为绿色)。

希望有帮助:)

结束

相关推荐

如何重置此wp_list_categories查询?

如何重置生成具有wp\\U list\\U类别的类别列表的查询?下面的查询构建了一个两列的类别列表,然后与第二个代码块一起显示。我在jQuery选项卡中使用其中两个查询(具有不同的类别包含字符串)来显示不同的类别列表。问题是,第一个查询需要重置,因为第二个选项卡显示两个类别列表,而不是仅显示第二个查询中的类别。我试过了<?php wp_reset_query();?> 但这只适用于WP循环。有人有什么想法吗? <?php $cats = explode