如何编写条件css？

Question

如果用户在 div1 上徘徊， div2 应突出显示。 如何编写这样的条件css？ HTML：

=IF(COUNTIF(A1:C10,"X")>0,"1","")

Answer 1

我在这里使用了兄弟选择器~。

＆＃13;

＆＃13;

div {
  height: 30px;
}
.div1 {
  background: red;
}
.div2 {
  background: blue;
}
.div1:hover ~ .div2 {
  background: yellow;
}

＆＃13;

<div class='div1'></div>
<div class='div2'></div>

＆＃13;

＆＃13;

＆＃13;

如果有多个div2并且您只希望第一个立即使用相邻的兄弟选择器+

＆＃13;

＆＃13;

div {
  height: 30px;
  margin-top: 5px;
}
.div1 {
  background: red;
}
.div2 {
  background: blue;
}
.div1:hover + .div2 {
  background: yellow;
}

＆＃13;

<div class='div1'></div>
<div class='div2'></div>
<div class='div2'></div>

＆＃13;

＆＃13;

＆＃13;