CSS transition-duration属性定义了CSS过渡效果的持续时间。然而,这个属性对于子元素并不适用的原因主要有两点:
- 过渡效果的持续时间由元素的直接样式(即父元素)控制,而不是由子元素的样式控制。CSS过渡是通过改变元素的样式属性值来实现的,因此只有直接受到过渡效果影响的元素才能设置transition-duration属性。子元素的过渡效果是由父元素的过渡效果控制的,子元素的transition-duration属性会被忽略。
- 子元素的过渡效果通常是相对于父元素的变化而变化的。当父元素的样式属性改变时,子元素的样式也可能会受到影响,从而产生过渡效果。这种情况下,子元素的过渡效果是由父元素的过渡属性控制的,子元素自身的transition-duration属性会被忽略。
综上所述,CSS transition-duration属性不适用于子元素,因为过渡效果的持续时间是由父元素的过渡属性控制的,而不是由子元素自身控制。