CSS的:active偽類是跟用戶當前交互的元素相關的，比如鼠標點擊一個鏈接，這個時候這個鏈接就會被設置為:active。在元素處于:active狀態的時候，可以通過CSS來改變它的樣式。下面我們來看一下具體的實現方法。

a:active{
color: red;
background-color: yellow;
}

上面的代碼就是一個簡單的示例，可以讓一個鏈接在被點擊時，字體顏色變成紅色，背景變成黃色。需要注意的是，:active偽類只在被點擊的瞬間生效，一旦鏈接失去焦點，樣式就會被取消。因此需要結合其他偽類如:hover來實現更多樣式上的效果。

另外需要注意的是，:active偽類只適用于鏈接、按鈕等具有可點擊屬性的元素。一些其他的元素，如標簽，并沒有這個屬性，因此不能使用:active來改變樣式。

span:active{
color: blue;
background-color: green;
}

上面的代碼是無效的。但是，我們可以通過JavaScript來實現類似的效果。比如下面這個例子就是利用了JavaScript來設置span元素的樣式，實現了類似于:active的效果。

點擊這里

總結一下，:active偽類是CSS中一個非常有用的屬性，可以通過它來改變元素的樣式，在響應用戶交互行為的時候，讓頁面更加靈活和有趣。需要注意的是，不同的元素具有不同的屬性，有些元素并不能使用:active來改變樣式。另外，需要注意使用JavaScript時要考慮到兼容性和性能等問題。