多次转换
昨天我的问题解决了jquery，没有正确加载。 今天我又遇到了另一个问题：一个元素的两个转换。 第一次转换在页面加载时开始：它淡入。这个实际上在我不使用第二次转换时有效。 每当有人盘旋在ul时，我的第二次转换必须开始。 问题是hover过渡会“覆盖”淡入过渡。 我的jsFiddle： http ： //jsfiddle.net/2cpX6/6/
提前致谢。
与任何其他规则一样，具有相同名称的CSS规则会相互覆盖。
试试这个：
transition: opacity 2s ease-in, color 0.3s ease-in-out;
请注意，您只需要transition和-webkit-transition ，因为Firefox和Opera现在完全支持未加前缀的版本，并且-ms-transition从未存在过。
如果不覆盖相同的规则集，则不能为同一规则集放置相同的CSS规则。 这适用于一切。 例如，如果你有：
span { color: red; color: green; }
跨度将是绿色的。 这意味着您无法堆叠同一规则集的转换规则。
您可以使用逗号创建多个单独的转换规则。
transition: opacity 2s ease-in, color .3s ease-in-out;