过渡持续时间CSS的两种方式

Question

我需要两种方式的过渡时间来缓慢显示描述，但在此代码中不起作用：

.sln-steps-description{
    display:none;
    transition: all 2s;
}

#salon-step-services .sln-service:nth-child(1):hover .sln-steps-description{
    display:block;
}

我该怎么办？