gpt4 book ai didi

html - CSS - 选择 previous sibling 姐妹

转载 作者:行者123 更新时间:2023-11-28 10:48:26 27 4
gpt4 key购买 nike

<分区>

我有两个元素:

<div id="next_prayer">...</div>
<div class="prayers_lower">...</div>

prayers_lower 悬停时,我正在尝试更改 #next_prayer 的高度。

这是我的 CSS:

.prayers_lower {
min-height: 10%;
height: 10%;
}
.prayers_lower:hover {
height: 30%;
}
.prayers_lower:hover + #next_prayer {
height: 60%;
}
.prayers_lower:hover ~ #next_prayer {
height: 60%;
}
.prayers_lower:hover ~ #next_prayer {
height: 30%;
}

.prayers_lower:hover ~ #next_prayer {
height: 30%;
}

没有任何效果 - 我没有看到任何样式应用于 ~ 选定元素。

我怎样才能让它工作?

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