将鼠标悬停在子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.
});