css - css相邻选择器“+”有什么替代方法吗？

Question

我已经做了我想做的事，但我想知道另一种方法吗？

#div1:hover + #div2

当指针放在 div1 上时，只有 div2 才有机会。就这样。

Answer 1

如果您给定的选择器已经工作，那么就没有真正的替代方案（除非您计算类似的东西#div1:hover ~ #div2，无论如何这实际上是相同的）。

:hover如果结构支持这样的选择器，则只有当其他元素存在时，您才能影响不同的元素。在您的情况下，#div1and#div2是相邻的兄弟姐妹，因此它们可以由#div1 + #div2或表示#div1 ~ #div2：

<div id="div1"></div>
<div id="div2"></div>

这只是添加:hover到#div1.

既然你已经拥有+并且它可以工作，那就坚持使用+. 无需询问有关性能等的任何问题。