我试图让下面的工作，但它不工作的：悬停选择器：

.a, .b {
  width: 100px;
  height: 100px;
  background: green;
  margin: 25px;
}

.a:has(+ .b:hover) {
  background: pink;
}

<div class="a"></div>
<div class="b"></div>

如果没有：hover选择器，它可以在Chrome和Firefox上工作，并启用layout.css.has-selector.enabled标志。

.a, .b {
  width: 100px;
  height: 100px;
  background: green;
  margin: 25px;
}

.a:has(+ .b) {
  background: pink;
}

<div class="a"></div>
<div class="b"></div>

有没有其他办法让它工作？最初的意图是将表格的两行连接起来，因此当鼠标悬停在其中一行上时，两行都会高亮显示。
提前感谢您的任何帮助。