a:hover の中身に transition: .3s; を書いても問題ないですか?

transition をどちらに書くかによって挙動が異なります。
2023年1月23日
ユーザー

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;
}

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?

このレッスンの質問と回答(5)