a タグの:hover ですが、下記のようにマークアップしても同じように動作したのですが、問題ないのでしょうか？
ご教授お願い致します。

a {
  text-decoration: none;
  color: inherit;
  transition: opacity .3s;
}

a:hover {
  opacity: .5;
}

↓

a {
  text-decoration: none;
  color: inherit;
}


a:hover {
  opacity: .5;
  transition: .3s;
}