更好地將CSS定時過渡添加到鏈接選擇器（a）或懸停狀態（a：懸停）？

Question

當使用CSS轉換創建淡入/淡出的轉換時，最好將它置於a選擇器或a:hover選擇器下面嗎？

我的直覺是把它放在a:hover選擇器上，因爲這是滾動的活動部分，但看着例子，人們似乎在a之後聲明它們。

兩者似乎都能很好地工作，但我真的很想知道哪個被認爲是「正確的」，如果可能的話，爲什麼。

所以，這樣的：

a { color:blue; transition:.5s; } 

a:hover { color:red; } 

還是這個（我本能）：

a { color:blue; } 

a:hover { color:red; transition:.5s; } 

感謝。

（供應商前綴故意省略）

Answer 1

這要看你的需求，採用低於a

a { color:blue; transition:.5s; } 

威爾過境transition屬性，當你將鼠標懸停/懸停的元素，以及元素當你mouseout

這裏這

a:hover { color:red; transition:.5s; } 

僅在懸停時纔會傳遞元素，在您取出鼠標時它將恢復正常。

Demo（僅在hover，將恢復正常，一旦鼠標離開元素將過境）

注（太來回轉換）

Demo 2：我增加了transition時間來展示它實際上如何 重要。

---

結論：一般來說，transition不應在:hover因爲它會當鼠標被取出元件的不中轉使用。但正如我再次說過，這取決於需求。