やりたいことはやりましたが、別の方法を考えていますか?
#div1:hover + #div2
div1 のポインターのみが div2 になる場合。それで全部です。
指定されたセレクターが既に機能している場合、実際には代替手段はありません (#div1:hover ~ #div2
とにかく事実上同一である のようなものを数えない限り)。
:hover
構造がそのようなセレクターをサポートしている場合、他の要素がある場合にのみ、別の要素に影響を与えることができます。あなたの場合、#div1
とは隣接する兄弟であるため、 または のいずれか#div2
で表すことができます。#div1 + #div2
#div1 ~ #div2
<div id="div1"></div>
<div id="div2"></div>
に追加:hover
するだけ#div1
です。
すでに持ってい+
て動作するので、そのまま使用して+
ください。性能などに関する質問は一切受け付けません。