gpt4 book ai didi

css - 悬停在 child 身上,对 parent 没有悬停效果

转载 作者:技术小花猫 更新时间:2023-10-29 10:07:07 24 4
gpt4 key购买 nike

<分区>

所以我有 2 div他们就这样在彼此身上

<div class="parent">
<div class="child"></div>
</div>

我想更改 background来自 .parent当我将鼠标悬停在 .parent 上时.

但我想要 background当我将鼠标悬停在 .child 上时再次恢复正常.

例如:(或 http://jsfiddle.net/k3Zdt/1/)

.parent {
transition:background-color 1s;
width:100px;
height:100px;
background:#3D6AA2;
padding:50px;
}

.parent:hover {
background:#FFF;
}

.child {
height:100px;
width:100px;
background:#355E95;
transition:background-color 1s;
}

.child:hover {
background:#000;
}
<div class="parent">
<div class="child">
</div>
</div>

当我将鼠标悬停在深蓝色区域上时,我希望不那么深蓝色的区域保持不那么深蓝色,而不是变为白色。

我想保留这个<div>结构体。而且我不想要 JavaScript 解决方案(我知道 JavaScript 解决方案,但我想保留它的纯 CSS)。

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