将鼠标悬停在容器上时CSS转换图像

将鼠标悬停在容器上时CSS转换图像,css,image,animation,html,containers,Css,Image,Animation,Html,Containers,有没有一种方法可以使用CSS使容器像: #p-container .p-categories-item 影响该分区内的图像?我在图像上有一个CSS动画,但我希望它在我将鼠标悬停在整个元素上时播放,而不仅仅是实际的图像本身。谢谢。只需使用#p-container.p-categories-item:hover img{/*stuff*/}即可选择.p-categories-item元素中的图像,仅当它悬停在上方时 #p-container.p-categories-item:hover-img{

有没有一种方法可以使用CSS使容器像:

#p-container .p-categories-item

影响该分区内的图像?我在图像上有一个CSS动画,但我希望它在我将鼠标悬停在整个元素上时播放,而不仅仅是实际的图像本身。谢谢。

只需使用
#p-container.p-categories-item:hover img{/*stuff*/}
即可选择
.p-categories-item
元素中的图像,仅当它悬停在上方时

#p-container.p-categories-item:hover-img{/*stuff*/}
应该可以,对吧?@Thomas Shields:谢谢你,伙计!那很有魅力!我曾经尝试过类似的东西,但我想我是倒过来的,比如“…项目img:hover”,再次感谢您的帮助!既然解决了这个问题,我已经发布了一个答案。请将其标记为正确的路线图。谢谢,很高兴我能帮忙!