CSS偽類選擇器active模擬JavaScript點選事件
阿新 • • 發佈:2019-01-10
一、說明
設定元素在被使用者啟用(在滑鼠點選與釋放之間發生的事件)時的樣式。
IE7及更早瀏覽器只支援a元素的:active,從IE8開始支援其它元素的:active。
另:如果需要給超連結定義:訪問前,滑鼠懸停,當前被點選,已訪問這4種偽類效果,而又沒有按照一致的書寫順序,不同的瀏覽器可能會有不同的表現。超連結的4種狀態,需要有特定的書寫順序才能生效。注意,a:hover必須位於a:link和a:visited之後,a:active必須位於a:hover之後。可靠的順序是:l(link)ov(visited)e h(hover)a(active)te,即用喜歡(love)和討厭(hate)兩個詞來概括。
Link
二、示例
<style> .active-example{ width:100px; height: 100px; transition: all 1s ease-in-out; background: red; } .active-example:active{ border-radius:50%; background: blue; } </style> <div class="active-example"></div>