gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 10:28:40 25 4
gpt4 key购买 nike

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

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

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

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

最佳答案

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

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

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

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

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

关于css - 具有子项的纯 CSS 菜单下拉箭头,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23613939/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com