Как добавить стрелку к первому элементу списка на css
 

Есть вот такой список

<ul>
<li>
<li>
</ul

Как к первому элементу списка добавить треугольник на чистом css

.admin_vertical_menu_prop li:first-child{

}

Вот такой треугольник

width:0;
height:0;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:20px solid green;

imedia,
Прописать .admin_vertical_menu_prop li:first-child position:relative;
А .admin_vertical_menu_prop li:first-child:before position:absolute; и правила для треугольника, ну и отпозиционировать этот треугольник с помощью top, left, right и bottom.

можешь код написать чтобы я правильно понял тебя? спс

Ну вот реализация, у меня не получилось

.admin_vertical_menu_prop li ul li:first-child{
position:relative;
margin-top:0px;
}
.admin_vertical_menu_prop li ul li:first-child:before{
position:absolute;
width:0;
height:0;
border-top:20px solid transparent;
border-bottom:20px solid transparent;
border-left:20px solid #fff;
}

Тут две вложенности это правильно

<style>
            .menu-top{
                width: 100px;
                list-style: none;
            }
            .menu-top:first-child{
                position: relative;
            }
            .menu-top:first-child:before{
                content: "";
                width:0;
                height:0;
                border-top:20px solid transparent;
                border-bottom:20px solid transparent;
                border-left:20px solid green;
                position: absolute;
                left: 100%;
            }
</style>

<ul class="menu-top">
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
    <li>Menu item</li>
</ul>

Перепиши свой код по этому примеру.