今天在做頁面的時候，需要做一個默認 a 標籤文字的顏色，然後當 hover 的時候，a 標籤文字的顏色進行一個變化。
舉例來說，
默認的樣式寫的時候，用的是 a:link { color: blue }；
當 hover 的時候，寫的樣式是 a:hover { color: red };
後來發現，hover 的時候樣式沒有生效。
之後去搜網頁查找了沒有生效的原因，大部分的都是描述的是因爲 a 標籤的 4 種狀態寫的順序不對引起的，即 LOVE HATE 原則：
a:link a:visited a:hover a:active；
後來校對了一下，我寫的順序也是正確的，即：a:link , a:hover
後面把瀏覽器的 F12 模式的設備調試去掉了，即取消勾選設備圖標：
然後發現 a:hover 樣式就生效了。
後來明白爲什麼 a:hover 的樣式不生效了。因爲我直接一直在使用瀏覽器的設備調試模式，使用的是 iPhone 調試模式：
導致 a:hover 沒有生效。
後來取消設備調試模式後，當鼠標移動到 a 標籤上面的時候，就可以正常樣式變化了。
所以，最後的總結是：使用 a:hover 的時候，或者其他元素使用 hover 的時候，一定要注意是不是在模擬移動設備的場景，如果是，那 hover 就不會生效；如果想看 hover 生效的樣式，務必取消移動設備調試的模式。