Css 直接在伪类中设置transition属性是一种不好的做法吗？

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

1.

a {
    transition: color 325ms;
}

a:hover {
    color: red;
}

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

2.

a {
    transition: color 325ms;
}

a:hover {
    color: red;
}

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

---

视情况而定，这不是一个坏习惯。如果将

转换

放在伪

类

中，则转换只会在将鼠标放在元素上时发生，而如果将

转换

放在基本选择器本身上，则在鼠标上下移动时，该选择器将在元素上设置动画

（仅当您在悬停状态下声明

转换时）

Vs

（
transition
on mouseover+mouseout）