子元素和父元素的css3事务处理速度不同

.d1 {
    background-color: #F32423;
    transition: all 4s linear;
    height: 200px;
    width: 200px;
}
.d1:hover {
    opacity: 0.2; 
    margin-left:40px;   
}
.d2 {
    background-color: #FFFF2F;
    transition-duration: 1s;
    height: 100px;
}

如果将子div悬停，可以看到子元素的transition-duration: 1s;被忽略。我想要的是让子元素的过渡速度快4倍。