问答详情
源自:9-8 CSS3中设置动画的播放状态

为何animation-play-state这个属性放在div:hover里面却能控制span的动画?

是因为整个css样式表里面只有一个animation吗?

/*下面的我可以自己实验*/

如果我把div里面也写一个动画

那这个div:hover里面控制的animation会是两个吗?(即div 和 span的)

如果增加一个同级div并也写入动画,那这个animation-play-stae能控制几个动画属性?

提问者:Hoenir 2016-03-17 17:05

个回答

  • ancine玉
    2016-07-17 17:21:10
    已采纳

    这个属性不是放在 div:hover 里面的,而是放在 div:hover span 里面的

    就是说选择器选择的是 div:hover span 这个元素

    div:hover span 表示选择“hover 状态下的 div 元素的后代 span 元素”

    不理解为什么的话去看看基本的选择器课程吧,空格表示选择后代元素

  • mingling
    2016-04-15 15:31:34

    span在div内,div:hover span的意思是:当鼠标放置在div框部分的时候,动画开始播放

    如果css样式改为了div span:hover,那么需要将鼠标放在span方块上,才能使动画开始播放

  • 夜色笙箫丶
    2016-03-19 14:56:17

    只能控制一个动画属性,后面的覆盖前面的。