在pseudo类中直接设置transition属性是不好的做法吗？

Question

哪种是最佳做法，为什么？这两种情况有区别吗？

1

a {
    transition: color 325ms;
}

a:hover {
    color: red;
}

2

a:hover {
    transition: color 325ms;
    color: red;
}

Answer 1

这不是一个坏习惯，这取决于。如果你将class放在伪transition中，那么转换只会在你将鼠标放在元素上时发生，而如果你将transition放在基本选择器本身上，鼠标移出鼠标时鼠标上的元素将动画显示。

Demo（仅当您在悬停时声明transition）

Vs的

Demo 2（鼠标悬停时android:layout_height="0dp" + mouseout）