带有图像作为父 LI 的 jQuery 下拉菜单

Question

所以我想在我网站上的导航菜单中使用父 [li] 元素中的图像，并且想知道你们认为最好的方法是什么？我不要求任何写出来的东西只是一个想法。我希望子列表项具有白色背景并且宽度约为 80 像素。我想将图像放在 anchor 标记之前的列表项中，但图像是可拖动的，而且在我看来它看起来很廉价。

我知道我可能会因为这个问题而被激怒，但即使它只是一个句子建议也会有所帮助，因为网上似乎没有太多关于使用图像的下拉菜单。

如果不够详细，请提前致歉:)

Answer 1

为父项设置样式时 <li>元素(也称为第一个 child )，您可以像这样专门定位它们:

ul > li {
  background : url('../img/bg.jpg');
}

最好的是，这不会针对 <li>第一个 <li> 下面的元素.