菜单项下的Css箭头

大家好！ 我有一个简单的菜单，我正在尝试为每个项目制作一个悬停箭头 它应该是这样的： . 我已经有这个密码了 谢谢你的建议

.main菜单{
显示：内联块；
列表样式类型：无；
填充顶部：25px；
左侧填充：0px；
}
.main菜单项{
显示：内联；
右边填充：8px；
}
.main菜单链接{
字体系列：FrutigerCellight、Arial、Helvetica、无衬线字体；
文字装饰：无；
字体大小：14px；
颜色：黑色；
}

如果您想先在hover上添加伪元素，则需要将目标设置为：hover，然后添加伪元素。您的选择器将是。主菜单\项：悬停：之后

.main菜单{
显示：内联块；
列表样式类型：无；
填充顶部：25px；
左侧填充：0px；
字号：0；
}
.main菜单项{
字体大小：14px；
显示：内联块；
填充：8px；
位置：相对位置；
线高：2米；
背景：#000；
颜色：#FFF；
}
.main菜单项a{
文字装饰：无；
颜色：当前颜色；
}
.main菜单项：悬停：之后{
内容：''；
宽度：0；
身高：0；
左边框：5px实心透明；
右边框：5px实心透明；
边框底部：5px纯色；
位置：绝对位置；
底部：0；
左：50%；
左边距：-5px；
}
.main菜单链接{
字体系列：FrutigerCellight、Arial、Helvetica、无衬线字体；
文字装饰：无；
字体大小：14px；
}

在每个

标签后添加

然后添加css：

.mainmenu_item:hover .arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid white;
  position: absolute;
  top:33px;
  left:40%;
}

你自己试试吧
你可以用css伪元素（：after，：before）来实现这一点，我知道，这就是为什么我为这个问题添加了伪元素分类标签的原因。lmao，我需要一些例子，这样我就可以分析它了。谷歌it兄弟！你真的认为我还没有去过那里吗？）