1. 问题描述
在CSS3中，transition-delay属性的默认值为0，不带单位，但是在某些情况下，这个默认值没有起到作用，需要手动设置单位才能实现预期的动画效果。
2. 背景知识
2.1 transition-delay属性
transition-delay属性用于指定过渡效果开始执行的延迟时间，单位为秒（s）或毫秒（ms）。
/* 延迟0.5秒开始执行动画 */
div {
transition: background-color 1s ease-out 0.5s;
}
2.2 单位的默认值
在CSS中，有些属性的默认值不带单位，此时会按照规定的默认单位进行解析。
例如，margin属性的默认值为0，但是有上下左右四个方向，所以实际的值是0 0 0 0，四个值都没有单位。
3. 问题分析
根据CSS3规范，transition-delay属性的默认值为0秒，不带单位。
但是，在一些情况下，这个默认值会失效，需要手动设置单位才能实现预期的动画效果。
这是因为某些浏览器对单位的处理方式不同，导致没有单位的延迟时间无法被正确解析。
4. 解决方法
为了避免这个问题，我们可以手动添加单位，例如使用0s或0ms代替没有单位的0。
/* 使用0s解决默认值失效的问题 */
div {
transition-delay: 0s;
}
另外，我们也可以在定义过渡效果时明确指定单位，这样可以避免浏览器解析不一致的问题。
/* 使用1s明确指定延迟时间的单位为秒 */
div {
transition: background-color 1s ease-out 0.5s;
}
5. 总结
在使用transition-delay属性时，为了避免默认值失效的问题，我们可以手动添加单位或者明确指定单位。
需要注意的是，不同浏览器对于单位的解析方式可能有所不同，因此建议在设置过渡效果时明确指定单位。