gpt4 book ai didi

css - 解释这个 CSS 自定义属性行为

转载 作者:行者123 更新时间:2023-12-04 15:24:34 25 4
gpt4 key购买 nike

<分区>

我很难理解以下 CSS 变量,我相信代码不言自明,否则请告诉我。

:root {
--color: red;
--hover-color: var(--color);
}

div {
--color: green;

background: var(--color);
}

div:hover {
background: var(--hover-color);
}
<div>
Why am I red on hover? Shouldn't I be green? When inspecting this element on hover, chrome shows the green color!?
</div>

让我非常困惑的是,在 Chrome Devtools 中检查元素时,它显示悬停颜色为绿色??

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