在悬停li.class时如何显示div.class？

Question

在页面biztone.co上，在左侧边栏中，我试图在div中显示社交分享链接（.item .details .post-meta），当主div（#sidebar .recent-post）时-thumb li）徘徊。我有点工作，除了div（.item .details .post-meta）出现在悬停框下方的框中。

这是我添加的css脚本以使其工作。但是，我需要帮助弄清楚为什么它会显示在下面的方框中，而不是盒子被徘徊..？

.item .details .post-meta { display:none; }
sidebar .recent-post-thumb li:first-child:hover + .item .details .post-meta {
display:block; }
sidebar .recent-post-thumb li:hover + .item .details .post-meta {
display:block; }

非常感谢任何帮助，并会教给我一些新的东西。

Answer 1

#sidebar .popular-post-thumb li:hover .post-meta是选择器所需要的，而不是使用+

转到下一个dom元素

将sidebar .recent-post-thumb li:hover + .item .details .post-meta更改为
#sidebar .popular-post-thumb li:hover .post-meta

Answer 2

这是因为+符号：它定位于 next 元素。

删除它，它将定位当前悬停的li中的.post-meta元素。