Menu Caret正在第一个孩子中展示

Question

我想解决一个非常小的问题，但我不知道怎么做。所以我有一个菜单，其中我添加了一个带有＆＃34;优雅图标的图标＆＃34;字体。我希望它只显示有{childen li s的元素li，但它出现在第一个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的直接孩子

＆＃13;

＆＃13;

.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:"";
}

＆＃13;

＆＃13;

＆＃13;