Javascript 鼠标悬停在列表下拉列表上时旋转图像，鼠标悬停在列表上时向后旋转图像

小结：

 { transform: rotate(10deg); 
}

在将鼠标悬停在下拉列表上时，我还想旋转列表项旁边的箭头

 { transform: rotate(10deg); 
}

 { transform: rotate(10deg); 
}

详细摘要：

 { transform: rotate(10deg); 
}

我有一个导航栏项目列表，其中包含一个下拉列表，其中有一个右指向的svg

 { transform: rotate(10deg); 
}

悬停“下拉菜单”项时，颜色会发生变化，并且只要有人悬停，下拉菜单就会保持不变。我很想

transform:rotate（xdeg）

同时在这个列表上和列表中悬停，除非我在尝试捕捉它时遇到了麻烦。它看起来有点像这样（snippit+fiddle）：

 { transform: rotate(10deg); 
}

ul{
显示器：flex；
列表样式：无；
}
img{
左侧填充：10px；
}
李{
保证金：自动20px；
}
ul li ul{
可见性：隐藏；
不透明度：0；
位置：绝对位置；
过渡：所有0.5秒缓解；
显示：无；
背景色：#0c；
填充：1em 0 0 1em；
边界半径：5px；
}
ulli ulli{
填充：0.5em0；
}
ul li：悬停>ul，
悬停{
能见度：可见；
不透明度：1；
显示：块；
}
ulli ulli{
明确：两者皆有；
宽度：100%；
}

项目1
项目1
项目1

儿童1

儿童1

儿童1

如果可能，请尝试添加js FIDLE，因为我无法理解当前代码的结果。对于您提供的代码，我所能说的就是，如果您想在li hover上旋转图像，那么请在img上提供Rotte属性，即

 { transform: rotate(10deg); 
}

---

如果可能的话，尝试添加js fiddle，因为我无法理解当前代码的结果。对于您提供的代码，我所能说的就是，如果您想在li hover上旋转图像，那么请在img上提供Rotte属性，即

 { transform: rotate(10deg); 
}

---

据我所知，当您将鼠标悬停在

列表上时，您希望对
图像产生效果。
当像这样悬停而不是尝试时，可以影响旋转
图像
：

 { transform: rotate(10deg); 
}

ul li:hover img {
  transform: rotate(90deg);
}

这是一个简单的答案，因为我不知道这是否正是你想要做的。请告诉我。
据我所知，当您将鼠标悬停在
列表上时，您希望对
图像产生影响。
 { transform: rotate(10deg); 
}

当像这样悬停而不是尝试时，可以影响旋转
图像
：

 { transform: rotate(10deg); 
}

ul li:hover img {
  transform: rotate(90deg);
}

这是一个简单的答案，因为我不知道这是否正是你想要做的。请让我知道。
我正试图理解你的问题，但我不明白。你真正想做的是什么？当你将鼠标悬停在列表项上时，我试图旋转图像（当鼠标悬停在上面时），然后在未被覆盖的情况下恢复正常。好的，现在我明白了。但是为什么你不把
CSS
应用到
img
标签上呢？看，我想不出一个方法来做到这一点，只有当鼠标悬停在下拉列表右下方时才会影响它。我现在看到了。我将创造一个答案。我试图理解你的问题，但我不明白。你真正想做的是什么？当你将鼠标悬停在列表项上时，我试图旋转图像（当鼠标悬停在上面时），然后在未被覆盖的情况下恢复正常。好的，现在我明白了。但是为什么你不把
CSS
应用到
img
标签上呢？看，我想不出一个方法来做到这一点，只有当鼠标悬停在下拉列表右下方时才会影响它。我现在看到了。我将创建一个答案。我添加了一些关于问题细节的细节。是的，你所做的一切都是正确的，只需要在img上使用transform-property，即你的代码应该像
ul-li:hover>ul-img，ul-li-ul:hover-img{transform:rotate（10度）；}
我添加了一些关于问题细节的细节。是的，你所做的一切都是正确的，只需要在img上使用transform，即你的代码应该看起来像
ul-li:hover>ul-img，ul-li-ul:hover-img{transform:rotate（10度）；}
 { transform: rotate(10deg); 
}