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

Question

在biztone.co页面的左侧边栏中，当主 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是选择器所需要的，而不是使用+

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

Answer 2

这是因为+符号：它针对下一个元素。

删除它，它将针对.post-meta当前悬停的 li 内的元素。