我正在为列表的最后一项设置项目符号的格式。

我使用Firebug来确定菜单项的位置，我面前有两个选项：

Screenshot 1

Screenshot 2 - Includes bullet

现在，我考虑使用CSS或jQuery来选择最后一项。

我尝试使用这个CSS，它适用于最后两项。

ul.children li:last-child{ 
color: red; 
list-style-type: circle;
}

Screenshot 3 - Output

我在想也许我需要使用jQuery，但我也没有那么幸运。

这是我的自定义walker，显示$输出：

$output .= $indent . 
\'<li><div class="link"><a href="\' . get_page_link($page->ID) . \'" title="\' . 
esc_attr( wp_strip_all_tags( apply_filters( \'the_title\', $page->post_title, 
$page->ID ) ) ) . \'">\' . 
$link_before . apply_filters( \'the_title\', $page->post_title, $page->ID ) . 
$link_after . \'</a>\' . $MetaOutput . \'</div>\';

我将创建一个条件，询问$MetaOutput的子项是否为0，应用此样式。

我打算一开始就为学生们上一节课。理想情况下，我希望为每个li类替换列表样式的图像。我将再次编辑此内容，并让您知道它是如何运行的。

jQuery(\'ul.children li:last\').addClass(\'last\');

ul.children li.last {
    color: red;
}