如何在子div上悬停时旋转父div？

Question

<style type="text/css">

#parent {
position: relative;
}

#child {
position: absolute;
}

<style>

html部分：

<div id="parent">
<div id="child"></div>
</div>

我知道我可以通过将鼠标悬停在父div上来旋转子div。 像这样：

#parent:hover #child {

}

但是当我将光标悬停在子div上时，有什么办法可以旋转父div吗？

抱歉格式不正确。

Answer 1

您可以使用jquery

$("#child").mouseenter(function () {
    $("#parent").css("rotation code") //This is where you put the code for rotation.
});

如果你希望旋转在回避时回来

$("#child").mouseleave(function () {
    $("#parent").css("rotation code") //This is where you put the code for mousing out.
});