CSS:标签hover添加transform效果不生效的问题

div和ul li多层嵌套下的一个img需要添加鼠标移入的transform效果,直接用选择器选中img对应标签一直无法生效:

.defaultImg:hover{
    transform: scale(1.2);
}

最后在在li标签下给img外面加了div包裹,修改了选择器写法:

.imgUl .imgLi:hover .imgDiv img{
    transform: scale(1.2);
}

 

 transform效果正常显示。

 

更多:CSS-鼠标hover之后transform不显示原因_程序猿-YDK的博客-CSDN博客_css transform 不生效

posted @ 2022-05-17 13:51  诟笑  阅读(539)  评论(0编辑  收藏  举报