Неправильно ли установить свойство перехода непосредственно в псевдокласс?

Question

Какая практика и почему? Есть ли разница между этими двумя случаями?

1.

a { 
    transition: color 325ms; 
} 

a:hover { 
    color: red; 
} 

2.

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

Answer 1

Это не плохая практика, это зависит. Если вы положили transition в псевдо class, то переход произойдет только тогда, когда вы получите указатель мыши на элементе, тогда как если вы положите transition на основной селектор базы, который будет анимироваться на элементе мыши над и на мыши ,

Demo (Только если вы объявляете transition по наведению)

Vs

Demo 2 (transition при наведении курсора мыши + отведении указателя мыши)