如何更改活动菜单项的首字母

时间:2019-05-04 作者:Sana Ahmed El Qersh

您好,有人能告诉我如何将第一个字母或活动菜单项更改为红色的代码,并告诉我放在哪里吗?

非常感谢。

2 个回复
SO网友:nmr

1。CSS::first-letter

第一个选项是selector CSS ::first-letter.

li.menu-item.active a::first-letter {
  color: red;
}
Thea 菜单内的标签应具有display: block / display: inline-block.

Note: ::第一个字母选择器只能用于块级元素。

2。滤器nav_menu_item_title

另一种方法是使用nav_menu_item_title 过滤第一个字母并用CSS类标记将其包围。

add_filter( \'nav_menu_item_title\', \'se337090_first_letter\', 30, 4 );
function se337090_first_letter( $title, $item, $args, $depth )
{
    if ( $item->current )
    {
        //
        // after application of this filter, there is the concatenation:
        //   $item_output .= $args->link_before . $title . $args->link_after;
        $first_letter = substr( $title, 0, 1);
        $title = substr($title, 1);
        $args->link_before .= sprintf( \'<span class="menu-item-first-letter">%s</span>\', $first_letter );

        // but you can also add changes to the title:
        //   $title_end = substr($title, 1);
        //   $title = sprintf( \'<span class="menu-item-first-letter">%s</span>%s\', $first_letter, $title_end )
    }
    return $title;
}

SO网友:Rick Hellewell

您可以使用CSS更改“div”(类或元素)的第一个字母。看见https://www.w3schools.com/cssref/sel_firstletter.asp .

这个链接(以及其他通过谷歌搜索“CSS change first letter of div”找到的链接)将帮助您开始。

CSS内容并不是这里所支持的一种问题。但是谷歌/宾士/鸭子是你的朋友。。。

相关推荐

WordPress Customizer附加的css行号与css代码重叠

在我的一个网站上,customizer中的附加CSS很难使用,因为左边距将CSS代码窗口的左侧隐藏在行号后面。我尝试在函数中为管理员添加一些样式。php(我已经使用了一些其他样式),但它们对此没有任何影响。下面是我正在使用的代码(我尝试了一些事情):add_action(\'admin_head\', \'my_admin_styles\'); function my_admin_styles() { echo \'<style> #adminmenu div.sepa