为什么没有把过度代码放在hover里呢？

这事我看到一个例题（图片就无法显示，忽略吧），为什么把“transition: all 0.6s ease-in-out;”这句代码放在“.wrap p{}”中，而不是放在“.wrap:hover p{}”。 0.6s ease-in-out;" 移入时效果没有区别，把transition属性写在.wrap p{}”里的话，移出时有缓动效果，把transition属性写在.wrap:hover p{}”里的话，移出时没有缓动效果，这事为啥呢？求答疑解惑

天窗的蚂蚁

2016-01-09

源自：十天精通CSS3 8-10

关注问题我要回答

1032

操作

收起

3 回答

mrlyw123
2016-12-21

p{}里面说的是开始的样式，p：hover{}是说hover结束时的样式

而transition-property:all 的意思是p：hover{}即结束状态里面所提到的所有属性，全部按照按照transition效果从开始走向结束

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

幕布斯9080258
2016-08-04

我个人感觉是这样，hove选择器中的属性值是div改变的最终样式，就是鼠标放上去显示的最终状态，所以你把过度代码放上去没意义。我也是刚自学几天，不对不要怪我

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

calm_Heart
2016-01-09

因为默认的是鼠标不在的效果

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

#1

天窗的蚂蚁提问者

额，还是有点不明白，能仔细解释一下吗？谢谢

2016-01-09 回复有任何疑惑可以回复我~

#2

calm_Heart 回复天窗的蚂蚁提问者

我也是半壶水

2016-01-09 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

十天精通CSS3

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

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

本课相似问答

4 回答为什么把h2也放在这里才可以?

3 回答为什么要把 div 放到上面，keyframe放在下面才有效，求解

3 回答为什么我把ul放到div里面不行

4 回答在这个代码中为什么添上overflow：hidden后wrap就有高度了？

5 回答为什么没有效果呢

搜索更多本课相关问答

为什么没有把过度代码放在hover里呢？

我要回答关注问题

意见反馈帮助中心 APP下载