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

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

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

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

那这个div：hover里面控制的animation会是两个吗？（即div 和 span的）

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

Hoenir

2016-03-17

源自：十天精通CSS3 9-8

关注问题我要回答

1295

操作

收起

3 回答

ancine玉回答被采纳 +3 积分
2016-07-17

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

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

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

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

1 回复有任何疑惑可以回复我~

收起回答

Hoenir 提问者

非常感谢！

2016-10-07 回复有任何疑惑可以回复我~

mingling
2016-04-15

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

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

3 回复有任何疑惑可以回复我~

收起回答

夜色笙箫丶
2016-03-19

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

0 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

十天精通CSS3

参与学习 242556 人
解答问题 2623 个

本课程为CSS3入门教程，深刻详解CSS3知识让网页穿上绚丽装备

进入课程

本课相似问答

1 回答animation-direction中的 alternate属性

1 回答css3 animation 为何加了各种前缀，动画就是纹丝不动

1 回答动画--过渡属性 transition-property

1 回答animation-fill-mode这个属性是干嘛的，为啥子我听不懂啊

1 回答animation-timing-function里的一些属性我看不懂啊

搜索更多本课相关问答

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

我要回答关注问题

热搜

最近搜索清空

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

3 回答

本课相似问答

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