Javascript 显示子内容时，Css转换在父内容上不起作用 这里有些东西。。。 这里有些东西。。。 这里有些东西。。。 #具有过渡的元素{ -webkit过渡：高度3s； 过渡：高度3s； }

当我将

display:none

更改为

display:block

时，会显示内容，但不会触发转换。我已经尝试过改变从高度到所有的过渡，但是没有任何改变。我做得对吗？

您不能更改

显示：无至<代码>显示：块带有转换。如果要设置高度动画，则必须使用
height:0；溢出：隐藏初始状态，然后设置高度：100px（或任何所需的值）作为最终状态。
您的
选择器在哪里？
？您可能需要将“.child{…}”添加到样式中这是一个副本吗？与此相关的问题询问元素从display:none到display:block的转换，这询问父元素的转换。因此，如果我为元素设置了不同的固定高度，转换将仅起作用？是的，它应该起作用。别生气。。始终保持挡块并尝试更改高度。
<div id='element-with-transition'>
    <div class='child'>
       <div style='display:none'>Something here...</div>
       <div style='display:none'>Something here...</div>
       <div style='display:none'>Something here...</div>
    </div>
</div>

<style>
#element-with-transition{
        -webkit-transition: height 3s;
        transition: height 3s;   
}
</style>