为何animation-play-state这个属性放在div：hover里面却能控制span的动画？
来源：9-8 CSS3中设置动画的播放状态
Hoenir
2016-03-17 17:05
是因为整个css样式表里面只有一个animation吗？
/*下面的我可以自己实验*/
如果我把div里面也写一个动画
那这个div：hover里面控制的animation会是两个吗？（即div 和 span的）
如果增加一个同级div并也写入动画，那这个animation-play-stae能控制几个动画属性？
写回答
关注
3回答
-
- 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
只能控制一个动画属性，后面的覆盖前面的。
十天精通CSS3
本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备
242556 学习 · 2623 问题
相似问题