我有一个类的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: 0
到item
班级,并添加opacity :1
到item active-item
。我需要不使用它:hover
,因为它的扩展卡和鼠标离开项目时将为opacity:0
。
无需为此任务使用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] 删除。
我来说两句