recherche

Maison  >  Questions et réponses  >  le corps du texte

请问css3的transition属性可否被子元素继承?

如题,就是给父元素设置上transition,那么子元素会有transition么?

在w3c规范里是否有这个的规范?能否给个链接

阿神阿神2783 Il y a quelques jours621

répondre à tous(3)je répondrai

  • 迷茫

    迷茫2017-04-17 11:13:52

    文档地址: 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的完成状态(完成后移除?我注)。
    例如:

    <p class="parent">
        <p class="child"></p>
    </p>
    .parent {
     transition: 4s text-indent;
    }
    .child{
     transition: 1s text-indent;
    }
    

    如有错误欢迎指正。

    répondre
    0
  • PHP中文网

    PHP中文网2017-04-17 11:13:52

    不能。我在谷歌下试了,不能。

    répondre
    0
  • 迷茫

    迷茫2017-04-17 11:13:52

    不能 https://developer.mozilla.org/en-US/docs/Web/CSS/transition

    répondre
    0
  • Annulerrépondre