Javascript 将鼠标悬停在li上以显示隐藏的ul后，在元素周围形成一个框

我有一个在一里之内的ul。当我将鼠标悬停在我的li上时，ul出现。我正试图做到这一点，当这种情况发生时，li和ul都有边界，形成一个盒子

我摆好了一把小提琴：

我想做的是：

• 让我的li周围的边界保持不变。也许我应该使用active而不是在li上悬停？还是使用JavaScript/jQuery
• 让我的ul周围的边界停在li下，这样盒子里面就没有边界了。因此，它看起来不像是在ul和li之间有一个单独的边界，而是沿着外部有一条连续的线。（例如：如果您查看堆栈溢出，“活动的”“最早的”“投票”链接看起来没有底部边框。在这些链接下，长线不会继续。）有没有一种简单的方法来设置样式？我是否要为李子做一个超厚和超白的底边？或者有没有其他方法可以隐藏li下ul的边界顶部

我希望这是有道理的。

这就是你想要的吗

这就是你想要的吗

---

太好了，你是怎么把李边粘起来的？我唯一的麻烦就是ul的顶部边界。我将编辑我的帖子以进一步解释。我将其从

a.linkBorder:hover

更改为

#linkli:hover

。注意，我将这个id添加到了第一个

li

元素中。酷，你是如何让li边框粘住的？我唯一的麻烦就是ul的顶部边界。我将编辑我的帖子以进一步解释。我将其从

a.linkBorder:hover

更改为

#linkli:hover

。注意，我将这个id添加到第一个

li

元素中。