Css Wordpress菜单和使用：第一个字母

我想在下面的代码中使用

：第一个字母

，但我不确定正确的程序，或者如果可能，它是否可以应用于

代码：

<div class="menu-left_menu-container">
    <ul id="menu-left_menu" class="menu">
        <li id="menu-item-3632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3632"><a href='http://#.co.nz/new'>Home</a> : </li>
        <li id="menu-item-3705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3705"><a href='http://#.co.nz/new/about-us/'>About Us</a> : </li>         
        <li id="menu-item-3702" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item current_page_item menu-item-3702"><a href='http://#.co.nz/new/shop/'>Shop</a> : </li>
    </ul>
</div>

：
：
：

试试这个，我想这个已经用满了

<div class="menu-left_menu-container">
<ul id="menu-left_menu" class="menu">
    <li id="menu-item-3632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-3632"><a href='http://#.co.nz/new'>Home</a> : </li>
    <li id="menu-item-3705" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3705"><a href='http://#.co.nz/new/about-us/'>About Us</a> : </li>         
    <li id="menu-item-3702" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item current_page_item menu-item-3702"><a href='http://#.co.nz/new/shop/'>Shop</a> : </li>
</ul>

下面的css不起作用。上面的css正在工作

#menu-left_menu > li::first-letter{
   color:red;
}

#menu-left_menu > li > a::first-letter{
   color:red;
}

根据：first-letter伪元素仅适用于块元素，而

a

则不适用