CSS 悬停显示 div 无效

Question

我无法让 div 在悬停在另一个 div 上时显示。我确定我错过了一些非常基本的东西。

.sidebarRightWork:hover .description {
display:block;}

.description { width:100%; height:100%; margin: 0 auto; position:absolute; background-color:#D4D4D4; z-index:15; display:none;}

编辑

如您所见，当您将鼠标悬停在 'information' 上时，不会像在 fiddle (https://jsfiddle.net/lmgonzalves/f1c3vc0y/3/) 上那样发生任何事情。

Answer 1

您需要 + (adjacent sibling) 选择器，因为 .description 不是 .sidebarRightWork 的后代，而是下一个兄弟。就像：

.sidebarRightWork:hover + .description {
    display:block;
}

DEMO

编辑：

那么你还需要：

.sidebarRightWork:hover + .description, .description:hover {
    display:block;
}

DEMO2

请注意，我已将 .description 定位为填满整个屏幕。你可以随心所欲地做 ;)

CSS 悬停显示 div 无效

CSS show div on hover not working

html

css

show

hover