：active偽類常用于設定點擊狀態下或其他被激活狀態下一個鏈接的樣式。最常用于錨點<a href="#">這種情況，一般主流瀏覽器下也支持其他元素，如button等。在多按鍵的鼠標系統中，：active只適用于主按鍵，目前的大部分情況都是左鍵即主鍵。
該偽類下定義的CSS樣式只在按下鼠標按鈕與釋放鼠標按鈕之間的短暫瞬間被觸發顯示。使用鍵盤的tab鍵也可以觸發:active狀態。
說到：active偽類就不得不提到:link,:visited,:hover,:active這個四個，最常用的是用于a鏈接，設定鼠標交互時不同的鏈接顏色。如下示例：
上述代碼中，將 :visited放到最后，則會導致以下結果：若鏈接已經被訪問過，a:visited會覆蓋:active和:hover的樣式聲明，鏈接將總是呈現為紫色，無論鼠標懸停還是按下激活，鏈接都將保持為紫色。
基于此原因，上述代碼必須按照順序定義，一般稱為LVHA-order: :link — :visited — :hover — :active，為方便記憶，可記為“LOVE HATE”
L :link
O
V :visited
E
H :hover
A :active
T
E
瀏覽器兼容性：
項目中是移動端頁面要做一個按鈕狀態切換的效果，在PC上測試沒有問題，到了手機端發現安卓的正常，iOS則沒有效果。
源碼：
新聞熱點
疑難解答
