hover父元素改变子元素的状态

hover父元素,改变子元素的状态,使用>连接父子元素即可。例如现在我的首页鼠标放到文字部分也可以使缩略图出现放大的效果,按下列写法:

.postbody:hover > .post-thumbnail img  {

transform:scale(1.05)

}

鼠标只要进入父元素“postbody”区域就可触发子元素“post-thumbnail img”的动画效果。