我有一个菜单,使用了:only-child选择器来表示子菜单。:after选择器在IE8中可以工作(这是我需要支持的唯一旧版本),但:only-child选择器不能正常工作,导致箭头出现在每个菜单项上,而不仅仅是带有子菜单的菜单项。
.menu li > a:after { content: ' ▾'; }
.menu li > a:only-child:after { content: ''; }
我希望使用jQuery或JavaScript来实现这个效果。不想使用Modernizr或Selectivizr等其他工具,只需要一个单一的代码作为only-child的替代品。
如果你能帮忙解决问题,我将不胜感激。由于我对jQuery和JavaScript还是新手,所以请详细解释。谢谢!
<!--[if lt IE 9]><![endif]-->
)中。这不是最好的方法吗?我不想为支持现代浏览器添加额外的JavaScript。 - mnsth