我正在创建下拉菜单,如果主列表项没有子菜单,则希望在悬停的所有四个角上添加圆角边框,但如果菜单列表项目有子菜单,则只希望顶部角在悬停时四舍五入。子菜单本身不会有任何圆角边框,并且会混合到父菜单的选项卡中。创建菜单的HTML来自一个WordPress函数(wp_page_menu),它不为没有子标记的li标记创建不同的CSS类,而不为带子的li标记创建不同的CSS类。
此CSS创建一个深灰色圆角矩形周围的菜单列表项目时,一个列表项目是通过鼠标。但是,只有在菜单列表项没有子项的情况下,我才想要这种效果。
.menu ul li:hover a {
background:#111;