Question

HTML
<body>
  <div class="show">
    <span>hover here</span>
  </div>
  <div class="hide">
    <span>it works</span>
  </div>
</body>


CSS
.hide{
background-color:grey;
visibility:hidden;
     }
.show:hover .hide{
visibility:visible;
     }

悬停功能不适用于隐藏类。为什么？我该如何解决这个问题？ https://jsfiddle.net/jet9gbwe/

Answer 1

您需要一个相邻的兄弟选择器+

.show:hover + .hide{
    visibility:visible;
}

Answer 2

尝试在您的：hover和目标类之间添加+。

.hide{
    background-color:grey;
    visibility:hidden;
}
.show:hover + .hide{
    visibility:visible;
}

https://jsfiddle.net/1x4rd7je/

哈弗不在班上工作

2 个答案: