是因为整个css样式表里面只有一个animation吗?
/*下面的我可以自己实验*/
如果我把div里面也写一个动画
那这个div:hover里面控制的animation会是两个吗?(即div 和 span的)
如果增加一个同级div并也写入动画,那这个animation-play-stae能控制几个动画属性?
这个属性不是放在 div:hover 里面的,而是放在 div:hover span 里面的
就是说选择器选择的是 div:hover span 这个元素
div:hover span 表示选择“hover 状态下的 div 元素的后代 span 元素”
不理解为什么的话去看看基本的选择器课程吧,空格表示选择后代元素
span在div内,div:hover span的意思是:当鼠标放置在div框部分的时候,动画开始播放
如果css样式改为了div span:hover,那么需要将鼠标放在span方块上,才能使动画开始播放
只能控制一个动画属性,后面的覆盖前面的。