CSS 继承转换

Question

我有这个HTML：<nav><a href="#">text</a> in red</nav> http://jsfiddle.net/208ycs56/

为什么我需要添加

-moz-transition: all 3s ease;
-o-transition: all 3s ease;
-webkit-transition: all 3s ease;
transition: all 3s ease;

两次才能正常工作？将它从导航移动到 a 和 a:hover 那么为什么 this work and this 不...

请检查我的工作和非工作示例，让我知道为什么一个工作，另一个不工作。

Answer 1

因为不是遗传的…

http://www.w3schools.com/cssref/css3_pr_transition.asp

Note: Always specify the transition-duration property, otherwise the duration is 0, and the transition will have no effect.

Default value: all 0 ease 0

Inherited: no

Animatable: no. Read about animatable

Version: CSS3

CSS 继承转换

CSS inheritance transitions

css

inheritance

css-transitions