css - 具有子项的纯 CSS 菜单下拉箭头

Question

我有一个纯 CSS 下拉菜单，效果很好，但我想在有子项的父菜单项上有一个下拉箭头，以向用户显示菜单有选择/选项。我目前有这个:

/* drop down arror */   
nav ul li > a:last-child:after  { content: ' ▾'; } 

这会在每个菜单项旁边放置一个下拉箭头，除了带有子项的菜单项。所以我需要的是与此完全相反的东西。我希望有一个 a:has-child 或 a:is-parent。有人知道如何在不使用 JavaScript 路由或图像路由的情况下做到这一点吗？

预先感谢您对我的问题的帮助

Answer 1

天哪，我刚才使用以下代码通过反复试验解决了这个问题:

nav ul li > a:not(:last-child):after  { content: ' ▾'; }  

关于它的事情是我最初尝试过这个但它没有用。

nav ul li > a:not:last-child:after  { content: ' ▾'; }  

所以关键是你必须使用括号和 :not 修饰符，我不知道。基本上 not 运算符做了与我所做的“相反”的事情，并且它起作用了。