悬停HTML元素时更改CSS类

斯滕·史密斯

我有一个类的div循环item将鼠标悬停在元素上时,active-item可通过javascript添加类:

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>

<!--on mouseover-->
<div class="item active-item"></div>
<div class="item"></div>
<div class="item"></div>

item active-item出现班级时,我想添加opacity: 0item班级,并添加opacity :1item active-item我需要不使用它:hover,因为它的扩展卡和鼠标离开项目时将为opacity:0

法布里佐·卡尔德兰(Fabrizio Calderan)

无需为此任务使用JS

.itemcontainer:hover .item:not(:hover) {
  opacity: 0
}
<div class="itemcontainer">
  <div class="item">1
  </div>
  <div class="item">2
  </div>
  <div class="item">3
  </div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章