css - 如何从 css 选择器中打开一个单独的 div

Question

遇到这种情况很困难。试图让“悬停”事件打开一个 DIV，其下方有信息。

我有那个工作。

但是，如果我在 DIV 中有链接，我如何才能让 DIV 保持打开状态以单击链接？

不确定 CSS 是否可行？提前致谢。

.ebweather {
  opacity: 0;
  visibility: hidden;
  display:none;
}
a { color:white; }
.hovereb:hover + .ebweather {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    background-color: #0D2454;
}

这是最基本的 jsfiddle:

http://jsfiddle.net/3qk8htL7/3/

Answer 1

将 .ebweather:hover 添加到您的样式中，以便在悬停 div 和悬停 .ebweather 时显示它

.hovereb:hover + .ebweather, .ebweather:hover {
    display: block;
    visibility: visible;
    opacity: 1;
    animation: fade 1s;
    background-color: #0D2454;
}