gpt4 book ai didi

javascript - CSS:悬停时更改元素背景:仅更改 child 的背景而不是 parent 的( fiddle ,图片)

转载 作者:行者123 更新时间:2023-11-30 13:45:02 25 4
gpt4 key购买 nike

<分区>

我有这个代码:

html:

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

CSS:

.item {
border: 2px dashed green;
background-color: red;
width: 100px;
height: 100px;
margin-left: 30px;
margin-top: 30px;
}

.item :hover {
background-color: yellow;
}

我正在尝试将所有元素的颜色更改为悬停时的黄色。但是,只有文本的背景颜色发生变化:

enter image description here

虽然我想要这个:

enter image description here

fiddle :https://jsfiddle.net/87qd0au9/

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