gpt4 book ai didi

CSS 同时悬停一个 div 如何显示其他类(或)div?

转载 作者:行者123 更新时间:2023-12-02 05:07:02 26 4
gpt4 key购买 nike

这是我的示例样式表

 <style>  
.cover{ margin 0 auto;}
.cover .ab{ display:inline-block color:#000; height:25px;}

悬停类 .ab 类 .ac 应该从 -25px 从 0px 下降

  .cover .ab:hover .ac{ top:0px }  
.ac{ position:absolute; top:-25px; height:25px;}
</style>

我的 html 看起来像

      <body>
<div class="cover">
<div class="ab">&nbsp;</div>
</div>
<div class="ac">&nbsp;</div>
</body>

它似乎不起作用,声明中是否有任何错误,请帮助我,谢谢 n 提前。

最佳答案

.cover .ab:hover .ac { top:0px } 

这是行不通的,因为 .ac 不是 .ab 的子项(顺便说一下,也不是 .cover 的子项)。

关于CSS 同时悬停一个 div 如何显示其他类(或)div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16140744/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com