如何使用：悬停一个元素并更改另一个类css属性

Question

我对css有疑问，任何人都可以帮助我。

我有一个span元素

<span>Please Click</span>

我有一个div元素：

<div>
       <a>Click 1</a>
       <a>Click 2</a>
</div>

在起点， div元素应为display : hidden

我想，当鼠标悬停在 span元素 div元素类属性时，应该更改display: visible

任何人都可以使用 css

帮助完成此操作

提前致谢

Answer 1

您可以使用css选择器的强大功能来执行此操作。我刚刚在下面做了一个简单的例子：

a {
  display: none;
}
div:hover a {
  display: block;
}

<div>hello?<a>hi!</a>
</div>

请注意我的示例使用嵌套的a标记。您的示例可能如下所示：

a {
  display: none;
}
span:hover a {
  display: block;
}

<div>
  <span>Please Click
       <a>Click 1</a>
       <a>Click 2</a>
  </span>
</div>