gpt4 book ai didi

css - 是否有 "reverse general siblings"CSS 选择器?

转载 作者:行者123 更新时间:2023-11-28 15:01:50 24 4
gpt4 key购买 nike

<分区>

假设我有以下内容

.selected {
font-weight: bold;
}
.selected ~ div {
color: red;
}
<div class="numbers">
<div><p>1</p></div>
<div><p>2</p></div>
<div class="selected"><p>3</p></div>
<div><p>4</p></div>
<div><p>5</p></div>
</div>

在这 5 个 div 中,所选 div 的位置可能会发生变化(即用户单击某些内容,现在选择了 2 个而不是 3 个),因此我需要这些花哨的 CSS 规则。

我可以选择所选元素之后的 div。我如何选择它之前的 div?

我尝试过类似 .numbers div:not(.selected ~ div){} 的方法,但这似乎不起作用。

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