如题,就是给父元素设置上transition,那么子元素会有transition么?
在w3c规范里是否有这个的规范?能否给个链接
不会继承
文档地址: http://dev.w3.org/csswg/css-transitions/
CRTL+F 查"inherited"结果都是NO.
这些属性包括:
transition-property
transition-duration
transition-timing-function
transition-delay Property
transition Shorthand
关于继承性,文档中提到了一点
EXAMPLE 4
An example where maintaining the set of completed transitions is necessary would be a transition on an inherited property, where the parent specifies a transition of that property for a longer duration (say, transition: 4s text-indent) and a child element that inherits the parent’s value specifies a transition of the same property for a shorter duration (say, transition: 1s text-indent). Without the maintenance of this set of completed transitions, implementations could start additional transitions on the child after the initial 1 second transition on the child completes.
这里提到了一个场景,如果parent指定的transition作用到的属性和child指定的transtions作用到的属性是同一个,而且parent的transtion过渡时间更长,那么就需要自己去维护transition的完成状态(完成后移除?我注)。
例如:
<div class="parent">
<div class="child"></div>
</div>
.parent {
transition: 4s text-indent;
}
.child{
transition: 1s text-indent;
}
如有错误欢迎指正。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。