2016-11-20 7 views
0

私は修正したい本当に小さな問題がありますが、どうすればわかりません。だから私は "エレガントなアイコン"フォントでアイコンを追加したメニューがあります。子要素liを持つ要素liにのみ表示しますが、最初の子要素には最初のli要素に表示されます。ここに私が意味するものはLinkです。ここでメニューキャレットが最初の子に表示されています

は私のCSSです: 私は .menu-新しい李を追加することによってそれを修正:

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

答えて

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

+0

編集の直接の子を表すために>を追加しますa:唯一の子:after、.menu-new li li a:{ co ntent: ""; } .menu-new li li a:After and it worked – Dako

関連する問題