菜單插入符號顯示在第一個孩子

Question

我有一個非常小的問題，我想解決，但我不知道如何。所以我有一個菜單，我在其中添加了一個帶有「Elegant Icons」字體的圖標。我希望它只顯示有li的元素，其中有孩子li s，但它在第一個孩子上出現在第一個li元素上。這是我的意思Link。

這裏是我的CSS：

.menu-new li:first-child{ 
border-left:1px solid black; 
} 
.menu-new li > a:after{ 
content: "\37"; 
font-family: "ElegantIcons"; 
} 
.menu-new li > a:only-child:after{ 
content:""; 
} 

Answer 1

添加>表示.menu-new

.menu-new > li:first-child{ 
 
border-left:1px solid black; 
 
} 
 
.menu-new > li > a:after{ 
 
content: "\37"; 
 
font-family: "ElegantIcons"; 
 
} 
 
.menu-new > li > a:only-child:after{ 
 
content:""; 
 
}